jquery模拟点击A标签的问题 |
您所在的位置:网站首页 › jquery触发a标签href跳转 › jquery模拟点击A标签的问题 |
我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。 先看下边的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 磨途歌-A标签测试1 磨途歌 jQuery(function($) { //给所有A标签绑定点击触发事件 $('a').click(function() { alert(1); }); //触发所有A标签的点击事件 $('a').click(); });上边的代码确实已经触发了点击A标签事件,但大家一定也会有疑问,为什么点击了A标签,却不触发A标签的跳转事件? 一开始还以为是浏览器做了相应的安全措施,屏蔽了JS对A标签的操作,后来发现,并不是这样的,接下来就说说其中的原委。 在开始解释前,我先抛出一个问题。在我们点击“A标签”的时候,究竟是点击了什么才发生的跳转? 1)点击的是“A标签”本身? 2)点击的是“A标签”中显示的文字? 说到这里,大家应该明白了,我们上边的代码已经证实了点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了? 既然有了头绪,那么就来动手试试。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 磨途歌-A标签测试2 磨途歌 jQuery(function($) { var mo2g = '磨延城'; //给A标签中的文字添加一个能被jQuery捕获的元素 $('a').append(mo2g); //模拟点击A标签中的文字 $('#mo2g').click(); }); |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |