読者です 読者をやめる 読者になる 読者になる

それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

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 は動かない・・・

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

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

参考資料

広告を非表示にする