《前端》MouseEvent (事件)

MouseEvent 接口指用戶與指針設備( 如鼠標 )交互時發生的事件。使用此接口的常見事件包括:clickdblclickmouseupmousedown

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章