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

徊忆羽菲

于 2019-10-09 17:04:44 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery Javascript

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/102465684

Javascript 同时被 2 个专栏收录

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>