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

  • 相关阅读:
    Unity Ioc框架简单例子
    Newtonsoft.Json.Linq
    Quartz.net
    AngularJS
    Zookeeper
    mysql 游标CURSOR
    mysql 存储过程 CONCAT 字符串拼接
    MD5Util
    生成缩略图
    Asp.net MVC 基于Area的路由映射
  • 原文地址:https://www.cnblogs.com/bigben0123/p/14072808.html
Copyright © 2011-2022 走看看