zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    thinkphp目录解析
    开发规范
    form
    命名空间
    类与对象
    OS知识点汇总
    C++每日一记!
    语言哲学和语言逻辑
    形式语言与自动机
    C#脚本
  • 原文地址:https://www.cnblogs.com/bigben0123/p/14072808.html
Copyright © 2011-2022 走看看