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 @   Bigben  阅读(913)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
历史上的今天:
2014-12-02 java反射出字段信息和值
2011-12-02 VMware让ubuntu与win7共享文件方法
点击右上角即可分享
微信分享提示