首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery onclick事件不适用于链接

jQuery onclick事件不适用于链接是因为onclick事件是绑定在元素的点击事件上,而链接(<a>标签)有自己的默认行为,即跳转到指定的URL。当使用onclick事件绑定在链接上时,点击链接时会先执行onclick事件的代码,然后再执行链接的默认行为,导致页面跳转。

为了避免这种情况,可以使用event.preventDefault()方法来阻止链接的默认行为,或者使用return false来取消链接的默认行为。具体代码如下:

代码语言:txt
复制
$(document).ready(function(){
  $("a").click(function(event){
    event.preventDefault(); // 阻止链接的默认行为
    // 执行自定义的点击事件代码
  });
});

这样,当点击链接时,就只会执行自定义的点击事件代码,而不会跳转到链接的URL。

推荐的腾讯云相关产品:无

请注意,以上答案仅供参考,具体的解决方案可能因实际情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

简单、通用的JQuery Tab实现

最早的滑动门的技术,一般都是结合 onclick 或者 onmouseover 事件传递一个参数给 JS 函数,根据传递的参数来决定显示哪一个标签。...而且,jQuery UI Tabs 还提供了非常强大的控制功能,你可以动态地添加 tab,可以随意更改激活事件,可以定义切换效果,还可以设置默认激活状态和禁用等。...而且,这种方式来带来另一个麻烦,就是当我们需要给标签加上链接的时候,没办法加。即使你将标签的激活事件设置为 onmouseover 而不是 onclick, 链接也不能实现,因为链接用于指定目标了。...比如: 两个图片中的 tabs 标签,都要添加到对应的新闻类别或者论坛板块的链接。这时候 jQuery UI Tabs 的默认绑定就带来了麻烦。...在实际使用中,会遇到一个问题,一般我们会给 tab 中的文字加链接,那么当鼠标滑过这个 tab 的时候,如果指到了文字,那么激发事件的对象有可能是 A 元素而不是 LI 元素,则事件就不能正确激发。

4.6K50

Jquery 事件冒泡

: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播...(摘自网络) 如何来阻止Jquery事件冒泡?...事件冒泡 ...由此可以看出: 1.event.stopPropagation();  事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转) 2.return false; 事件处理过程中...,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转) 还有一种有冒泡有关的: 3.event.preventDefault();    如果把它放在头部A标签的click事件中,点击

2.9K70

jQuery中的常用内容总结(二)

(){})  on():用于绑定未来元素的事件,一般在插入dom时会使用到 blur():匹配的dom失去焦点事件,一般用于绑定input输入框 change():用于匹配的dom的值改变事件,常用于表单中...select下拉框或者单选按钮 click():用于匹配的dom被点击事件 focus():dom获取焦点事件,一般用户点击输入框进行输入时候使用此事件 keydown():按键按下事件,一般用于输入框输入时绑定此事件...keypress():按键松开事件,一般用于输入框输入时绑定此事件 load():dom加载完毕事件,一般用于页面加载后自动执行此事件 mousedown():鼠标指针移动到dom上方事件 mouseenter...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件...5.jQuery UI弹窗 11 <!

1.2K30

jQuery中的常用内容总结(二)

(){})  on():用于绑定未来元素的事件,一般在插入dom时会使用到 blur():匹配的dom失去焦点事件,一般用于绑定input输入框 change():用于匹配的dom的值改变事件,常用于表单中...select下拉框或者单选按钮 click():用于匹配的dom被点击事件 focus():dom获取焦点事件,一般用户点击输入框进行输入时候使用此事件 keydown():按键按下事件,一般用于输入框输入时绑定此事件...keypress():按键松开事件,一般用于输入框输入时绑定此事件 load():dom加载完毕事件,一般用于页面加载后自动执行此事件 mousedown():鼠标指针移动到dom上方事件 mouseenter...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件...5.jQuery UI弹窗 11 <!

2.9K40

jQuery中的常用内容总结(二)

(){})  on():用于绑定未来元素的事件,一般在插入dom时会使用到 blur():匹配的dom失去焦点事件,一般用于绑定input输入框 change():用于匹配的dom的值改变事件,常用于表单中...select下拉框或者单选按钮 click():用于匹配的dom被点击事件 focus():dom获取焦点事件,一般用户点击输入框进行输入时候使用此事件 keydown():按键按下事件,一般用于输入框输入时绑定此事件...keypress():按键松开事件,一般用于输入框输入时绑定此事件 load():dom加载完毕事件,一般用于页面加载后自动执行此事件 mousedown():鼠标指针移动到dom上方事件 mouseenter...上图中 id为p2的dom是用jQuery插入的,然后绑定的一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有在dom存在的时候才会执行绑定的事件,也就是将这两个事件归一(用统一的函数处理这些事件...5.jQuery UI弹窗 11 <!

1.4K110

jQuery 事件绑定 和 JavaScript 原生事件绑定

总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on...该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。 注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。...注意,与addEventListener()不同,这里的事件名称有“ on ”,如鼠标单击事件 onclick ,鼠标双击事件 ondoubleclick ,鼠标移入事件 onmouseover,鼠标移出事件...cm2.onclick=function(){ 22 console.log("3rd"); 23 }; 执行 jQuery 的 .cnd 点击事件,控制台打印的是: ?...可以发现: 使用 jQuery事件绑定方法,对同一个元素的 click 事件先后绑定了三个处理函数,结果按顺序都输出了,说明了 jQuery事件处理函数是叠加的; 而使用 JavaScript

5.7K20

深入理解JS异步编程二(分布式事件)

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。...方法,但是当我们的页面趋于复杂,比如要向某个元素添加多个处理事件,那么就要用一个封装函数汇集多个处理函数 link.onclick = function() { clickHandler1.apply...(this, arguments); clickHandler2.apply(this, arguments); }; 在jquery中,jquery.on()方法使用的比较多,在新版的jquery...中,也舍弃了bind()方法,统一使用on,jQuery 将link 元素的事件发布给了任何想订阅此事件的人。...; 实现一个PubSub模式 一个PubSub模型主要方法有3个,订阅,退订,发布 var PubSub = {}; // 用于储存事件队列 var queue = {}; // 订阅接口 PubSub.on

48540

Javascipt异步与同步

这里涉及到了一个关键词 Event Loop关于这个关键词目前我太不适于去讲。以后单开一篇文章,单独去讲。...,这种情况下肯定是会报错了,原因是jquery-ajax默认是异步的,哪这种情况下当执行到获取dom元素时,是获取不到的,因为ajax的没有执行。...下面说第二种方法: jquery中有如下事件可以实现: on delegate bind live(最新jquery已删除) 其中只测试了bind与on事件(如有其他需要请自行测试) $('#...我查了下jquery的on的实现,提到了两个关键词事件代理或事件委托。当然上面的事件用的是事件委托。关于事件委托我简单说下: 事件委托就是利用了事件冒泡的原理。...li> 444 window.onload = function(){ var oUl = document.getElementById("ul1"); oUl.onclick

84720

JQuery 对控件的事件操作

对于控件的事件jQuery已经提供了丰富的方法,包括绑定、一次绑定、触发等,阿拉今早看看叫一哪能用额伐,大虾路古就可以了。...jQuery的绑定事件非常方便,有bind、live、one还有它帮你把一些常用的事件给单独了出来,比如控件的onclick事件,我们绑定onclick事件的时候只需要 $("#testButton")...我们也可以使用 $("#testButton").click(); 来触发这个onclick事件,一切都非常ok啦。以上有点sb了,接下来看看取消事件。...其中的原由要看jQuery的类库了,我估计它只删除了通过JQuery绑定的那些事件了,呵呵。 那这时候我们该如何呢?...$("#testButton").attr("onclick", ""); 这样就可以把onclick事件清除了,记住,attr上因为是元素的属性,所以这里要写 “onclick” 而不是click,

1.8K60
领券