JSでマウスイベント（クリック）を起こす/ mouseEvent を Dispatch して起動する

Javascript でクリックイベントを起こす。

クリックイベントを起こさないとテストできないページが有る。

クリックイベントをFireするには、initEvent と dispatch イベントを使う。

マウスイベント

var me = document.createEvent("MouseEvents")
me.initMouseEvent("click", true, true, window,0,0,0,0,0,false,false,false,false,0,null)
window.document.body.dispatchEvent(me)

マウスイベントが発行された確認

window.document.body.dispatchEvent(me)
  document.addEventListener("DOMContentLoaded",function(){
      document.body.addEventListener("click",function(e){
        console.log(e)
      },false)
  },false)

これでいべんとが発行できる。

特定のElementをクリックする

var ele = document.querySelector("#target_id");
ele.dispatchEvent(me)

結構便利。

注意点：contextmenu は動かない・・・

テスト用はちょっと違う動作をさせる必要がある。

ここはそのうち調べないといけない。

参考資料

• https://www.chromestatus.com/features/5718803933560832
• https://developer.mozilla.org/en/docs/Web/API/MouseEvent
• https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events
• http://7cc.hatenadiary.jp/entry/dispatchEvent-in-webkit