jquery click()方法模拟点击事件对a标签不生效

jquery click()方法模拟点击事件对a标签不生效

jquery click()方法模拟点击事件对a标签不生效 2017-12-15 16:57:00 jquery click()方法模拟点击事件对a标签不生效 149 jquery click()方法模拟点击事件对a标签不生效 收藏 文章标签: javascript 版权 jquery click()方法模拟点击事件对a标签不生效 IMG公开课火热来袭,游戏开发者绝不能错过的尖端课堂! 你是否因为游戏画面模糊不清、头疼不已却又不知道如何改变?锁定1月21日在线公开课,技术大佬空降直播间与您共同探讨如何借助硬件光线追踪技术,打造移动端影视级画质!
if(e.keyCode == 13) {
        $items.eq(index).click();
        return;
}

搜索框下拉列表模拟点击时间,使用上述代码不能触发链接跳转

1,页面使用了bootstrap的data-toggle将a标签的默认点击时间覆盖了,无法触发链接,点击会刷新页面

办法 :添加  e.preventDefault(); 阻止bootstrap添加的事件。

2,jquery变量使用click()不会触发点击时间,使用原生js对象才行

办法 :  修改调用对象为$items.eq(index)[0];

a标签模拟点击事件需要使用原生DOM元素调用click()方法;jquery对象无法调用,因此推荐在以后的开发中尽量使用原生DOM对象模拟点击.

修改后代码:

 

1 if(e.keyCode == 13) {
2         e.preventDefault();
3         $items.eq(index)[0].click();
4         return;
5 }

 

转载于:https://www.cnblogs.com/guanghe/p/8043945.html

上一篇:layui默认选中table的CheckBox复选框


下一篇:springJPA 之 QueryDSL(二)