jQuery模拟鼠标点击事件失效的问题

最近使用jQuery操作浏览器获取数据，需要对分页的信息进行处理，发现直接使用$('div#pager a.next').click();的这种写法无法触发点击事件。

使用trigger('click')的写法也是无济于事。

在网上一顿扒拉后，发现使用$('div#pager a.next')[0].click();就OK了。

$('div#pager a.next')[0]这种写法其实就相当于把jQuery对象转换为Dom对象了。

模拟点击不生效的原因

如果使用jQuery的写法：$('a#test').click(function(){alert('ok')});为元素绑定了click事件，那么使用$('a#test').click()是可以生效的，如果没有绑定click事件，当点击a#test的时候事件通过冒泡会传给父级的节点，父级节点会处理点击事件（跟我遇到的分页的情形是一样的），那么这时就需要模拟DOM点击了，也就是通过$('a#test')[0].click()去触发。

转载于:https://www.cnblogs.com/jasondan/p/3805442.html

jQuery模拟鼠标点击事件失效的问题相关推荐

php鼠标点击事件,javascript模拟鼠标点击事件的实例代码
javascript触发模拟鼠标点击事件事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法. 一般 ...
android 模拟点击localinstrumentation,Android Instrumentation模拟鼠标点击事件
看了几遍网上的博客一直没有模拟出鼠标点击事件和按钮事件,后来抱着试试态度再重试的时候终于有所斩获.下面把具体的情况记录一下: 首先我们必须了解类 Instrumentation: Instrumen ...
Windows下C/C++模拟鼠标点击，PC端没有鼠标设备也能够获取鼠标坐标、移动鼠标坐标、模拟鼠标点击事件，方法一亲测有效
------- [ 转载请保留 ] ------- 作者:西_瓜_瓜博客:https://blog.csdn.net/xi_gua_gua/article/details/105773298 --- ...
android模拟鼠标点击事件给控件,Android使用模拟鼠标拖动操作
将远程控制支持添加到android2.2版本. 此处的看起来与电视所使用的相似,不同之处在于它具有比电视更多的自定义功能按钮. 单击上的切换按钮,当切换到鼠标模式时,在android视图上绘制类似鼠标 ...
JavaScript模拟鼠标点击事件
// function function emulateMouseClick (element) {// 创建事件var event = document.createEvent('MouseEven ...
Js 模拟鼠标点击事件
var obj = document.getElementById('go'); if(document.all){ obj.click(); }else{ var e = document.crea ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
jQuery鼠标点击事件
概念个人理解: jQuery鼠标点击事件是最常用的事件之一,当用户使用鼠标在浏览器窗口或元素上进行点击交互时触发的事件,都属于鼠标点击事件的范围.常见的鼠标操作有:单击.双击.右键等等. click ...
[css] 怎样用纯CSS实现禁止鼠标点击事件？
[css] 怎样用纯CSS实现禁止鼠标点击事件? pointer-events: none; 是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接.点击事件统统失效. 个人简介 ...
python实现键盘自动输入_人生苦短我用Python——模拟鼠标点击和键盘输入的操作...
通过Python可以模拟鼠标点击和键盘输入的操作,进而可以实现一些比较有趣的功能,例如游戏挂机.自动发消息等. 本文以自动发消息为例,实现该功能,通过该代码可以自动往QQ.微信发送任意内容.首先考虑想 ...

jQuery模拟鼠标点击事件失效的问题

模拟点击不生效的原因

jQuery模拟鼠标点击事件失效的问题相关推荐

最新文章

热门文章