解释冒泡事件,就是这样的层级关系,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();
}
});
});