jquery怎么结束事件(jQuery事件-阻止冒泡stopPropagation和默认行为preventDefault)
阻止<a>超链接的跳转href,我来为大家讲解一下关于jquery怎么结束事件?跟着小编一起来看一看吧!
![jquery怎么结束事件(jQuery事件-阻止冒泡stopPropagation和默认行为preventDefault)](http://img.studyofnet.com/upimg/512262058.jpg)
jquery怎么结束事件
1、阻止默认行为阻止<a>超链接的跳转href
<a onclick="testEvent(event)" href="baidu.com"></a>
function testEvent(event){
event.preventDefault(); // 该方法阻止元素发生默认的行为
window.zhad.push({eventtype: 'js_buy'});
setTimeout(function(){
window.location.href=event.target.href;
}, 200);
}
//或者
$("a").click(function(e){
e.preventDefault();
});
阻止表单的提交
$("form:eq(0)").submit(function(e){
e.preventDefault();
});
阻止鼠标右键(contextmenu表示鼠标右键事件):
$( document ).contextmenu(function(e) {
e.preventDefault();
});
//contextmenu表示鼠标右键事件,用法与一般事件相同
//等同于
$(document).bind("contextmenu",function(){
alert("鼠标右键")
});
$("a").click(function(e){
e.preventDefault();
e.stopPropagation();//取消事件冒泡
});
//等效于
$("a").click(function(e){
return false;
});
$(":submit").click(function(e){
e.stopImmediatePropagation();
//e.stopPropagation();
alert("1");
});
$(":submit").click(function(){
alert("2");
});
//例子说明:如果使用stopPropagation()那么会取消冒泡,但是仍然后弹出两次。
//如果使用stopImmediatePropatation()那么不但会取消冒泡,还会取消后续绑定的事件。
有时候回车按键的默认事件不是我们想要的,可以通过阻止事件的默认行为来达到我们想要的效果。
$(document).on('keydown', 'li', function(e) {
if(e.keyCode == 13) {
e.preventDefault()
}
})
//等效于
$("li").keydown(function(e) {
if(e.keyCode == 13) {
e.preventDefault()
}
})
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com