使用js的trigger函数实现模拟鼠标点击事件方法代码

最新推荐文章于 2024-01-11 10:13:54 发布

原创最新推荐文章于 2024-01-11 10:13:54 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 同时被 2 个专栏收录

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍如何使用JavaScript的trigger方法来模拟鼠标点击事件，通过实例展示了如何定义和触发a标签的click事件，以及如何通过按钮激活input域的select事件。

使用s脚本模拟鼠标点击事件实现方法

实现代码

先定义一个id为video_click 的标签

 <a id="video_click" class="m-video" title="点我播放"
                                   data-src="http://www.qipa250.com/Shoot_file/20191008190546684810339691.mp4"
                                   style="width: 200px;text-align: center;cursor: pointer;">
                                </a>

js中使用trigger方法触发a标签的点击事件click


 $("#video_click").trigger('click');

trigger函数介绍

定义和用法

trigger() 方法触发被选元素的指定事件类型。

触发事件

规定被选元素要触发的事件

示例代码

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("文本被选中！");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>