jquery冒泡事件






解释冒泡事件,就是这样的层级关系,body,div,span都添加了一个事件,而当我们点击内部事件时,相当于也点击了div,body上的事件,而且这个会按照特定的顺序执行click事件,先span ,然后div,最后body.
有时候,这样的冒泡事件会到来副作用,我们家只想要响应span的click事件。所以有必要对事件的范围做一个限制。
这样就引出了事件对象。
jquery 的事件对象很简单,就是加上一个参数:
$(“span”).bind(“click”,function(event){
});
我理解的这个事件对象,就是当前事件本身。当点击span时就创建了事件对象,而当事件处理函数结束后,事件对象销毁。

停止事件冒泡:
stopPropagation()
可以在不想要冒泡的时候调用这个方法,比如:
$(“span”).bind(“click”,function(event){
event.stopPropagation();
});

阻止默认行为:
网页中有些元素有自己默认的行为,比如提交按钮后会自动提交表单,点击链接后会跳转,而有时候我们并不需要这样的操作,所以要阻止默认行为。
比如:
preventDefault();

(function(){(“#sub”).bind(“click”,function(event){
var userName = (“.username”).val();  
if(userName == ”){
(“#msg”).html(

不能为空!

);
event.preventDefault();
}
});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值