MouseEvent
接口指用戶與指針設備( 如鼠標 )交互時發生的事件。使用此接口的常見事件包括:click
,dblclick
,mouseup
,mousedown
。
MouseEvent()--
生成一個新的MouseEvent對象。
示例
這個例子演示了使用DOM方法在複選框上模擬一個點擊事件(使用編程的方式生成點擊事件)。
function simulateClick() {
var evt = new MouseEvent("click", {
bubbles: true,
cancelable: true,
view: window,
});
var cb = document.getElementById("checkbox"); //element to click on
var canceled = !cb.dispatchEvent(evt);
if(canceled) {
// A handler called preventDefault
alert("canceled");
} else {
// None of the handlers called preventDefault
alert("not canceled");
}
}
document.getElementById("button").addEventListener('click', simulateClick);
<p><label><input type="checkbox" id="checkbox"> Checked</label>
<p><button id="button">Click me</button>
--------------------------------------------------------------------
鼠標事件 - Web API 接口參考 | MDN https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent