js 模拟鼠标事件

最新推荐文章于 2024-04-25 15:58:41 发布

dibeichan3033

最新推荐文章于 2024-04-25 15:58:41 发布

阅读量69

点赞数

原文链接：http://www.cnblogs.com/gaocong/p/7844495.html

版权

<!DOCTYPE html>
<html>
<head lang="zh-CN">
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
 <title></title>
 <style>
     .button {
         width: 200px;
         height: 200px;
         background-color: antiquewhite;
         margin: 20px;
         text-align: center;
         line-height: 200px;
     }
 </style>
</head>
<body>
 <div class="button">Button</div>
 <script>
     "use strict";
     var btn = document.querySelector('.button');
     btn.addEventListener('click', function (event) {
         console.log('OH~!You clicked me~!');
     }, false);
     var ev = new MouseEvent('click', {
         cancelable: true,
         bubble: true,
         view: window
     });
     btn.dispatchEvent(ev);
 </script>
</body>
</html>