js 鼠标事件模拟

在1秒以后模拟鼠标click按钮:

<html lang="en" class="no-js"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>
        文本框测试
    </title>
<body>

    <p><label><input type="checkbox" id="checkbox"> Checked</label>
<p><button id="button">Click me</button>
    
    
<script>
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);
    
      setTimeout(function () {
                var pass=document.getElementById("button");
                var event=new MouseEvent("click",{
                    view:pass.ownerDocument.defaultView,
                    bubbles: true,
                    cancelable:true
                });
                pass.dispatchEvent(event);
            },1000);

</script>

 

参考:

UI Events W3C Working Draft, 30 May 2019

posted @ 2020-12-02 11:38  Bigben  阅读(912)  评论(0编辑  收藏  举报