使用jQuery模拟鼠标点击a标签事件
2015-03-06 10:54
579 查看
http://mo2g.com/view/42/
我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。后来的一次发呆,冒出了新的想法,于是就动手进行了测试。
我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。前段时间的一次发呆,冒出了新的想法,于是就动手进行了测试。
先看下边的代码:
上边的代码确实已经触发了点击A标签事件,但大家一定也会有疑问,为什么点击了A标签,却不触发A标签的跳转事件?
一开始还以为是浏览器做了相应的安全措施,屏蔽了JS对A标签的操作,后来发现,并不是这样的,接下来就说说其中的原委。
在开始解释前,我先抛出一个问题。在我们点击“A标签”的时候,究竟是点击了什么才发生的跳转?
1)点击的是“A标签”本身?
2)点击的是“A标签”中显示的文字?
说到这里,大家应该明白了,我们上边的代码已经证实了点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了?
既然有了头绪,那么就来动手试试。
这下效果出来了,事实证明了上述的推断是正确的,所以要想用JS模拟点击A标签事件,就得先往A标签中的文字添加能被JS捕获的元素,然后再用JS模拟点击该元素即可。
我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。后来的一次发呆,冒出了新的想法,于是就动手进行了测试。
我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。前段时间的一次发呆,冒出了新的想法,于是就动手进行了测试。
先看下边的代码:
一开始还以为是浏览器做了相应的安全措施,屏蔽了JS对A标签的操作,后来发现,并不是这样的,接下来就说说其中的原委。
在开始解释前,我先抛出一个问题。在我们点击“A标签”的时候,究竟是点击了什么才发生的跳转?
1)点击的是“A标签”本身?
2)点击的是“A标签”中显示的文字?
说到这里,大家应该明白了,我们上边的代码已经证实了点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了?
既然有了头绪,那么就来动手试试。
相关文章推荐
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用jQuery模拟鼠标点击a标签事件
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用JS或jQuery模拟鼠标点击a标签事件
- 使用jQuery 模拟鼠标点击a标签事件 实现定位
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用jQuery模拟鼠标点击a标签事件
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- jQuery模拟鼠标点击事件失效的问题
- jquery如何在页面加载完成后模拟出一个鼠标点击事件?
- SDL使用触屏模拟鼠标点击事件
- SDL使用触屏模拟鼠标点击事件
- 如何使用SendMessage函数实现模拟鼠标点击按钮事件?
- jQuery触发<a>标签的点击事件无效
- JQuery中区分模拟点击事件和用户点击事件
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- c#使用API进行模拟鼠标点击 底层操作同样简单