事件冒泡可能会引起预料之外的效果,上例中,本来只想触发元素
的click事件,然而
元素和元素的click事件也同时被触
发了.因此有必要对事件的作用范围进行限制.当单击元素时,只
触发元素的click...事件,而不触发
和元素上的
click事件.当单击
元素时,只触发
元素上的click事件,
而不触发元素上的click事件....;
event.stopPropagation();//停止冒泡事件
})
当单击span元素时,只会触发span元素上的click事件,而不会触发
div元素和body元素的click事件....举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交
eg:
$(“#sub”).bind(...die(type, [fn]),从元素中删除先前用.live()绑定的所有事件
die解绑
2.4 事件切换【了解】
hover([over,]out) 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数