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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM