本文介绍了JavaScript中的事件处理机制，包括冒泡事件与捕获事件的区别，如何使用addEventListener设置事件监听器，以及如何通过stopPropagation和preventDefault来控制事件的行为。
e.stopPropagation(),可阻止冒泡和捕捉行为
e.preventDefault()是阻止当前元素默认行为的
return false 一般可以用来替代 stopPropagation() 和 preventDefault()
冒泡事件：从内到外；
捕捉事件：从外到内；
在js中给元素添加事件如下:
document.getElementByIdx_x(id).addEventListener('click',function() {},false);
addEventListener(),这个函数最后一个参数若为false,监听捕捉;若为true,即为冒泡。默认是冒泡
函数stopPropagation(),可阻止冒泡和捕捉行为，propagation单词有传播的意思,stopPropagation停止传播
函数preventDefault()是阻止当前元素默认行为的，比如a标签中绑定事件click,并且还有href链接，在click中写上event.preventDefault()可以阻止href跳转。再如，提交表单中，如果不符合条件，加上event.preventDefault()，可阻止其提交发生。***event为函数中的形参***
当然，在函数中使用return false,也可以阻止其默认行为。
上述两个函数，并不是所有浏览器都兼容，可以使用jQuery封装好的函数，兼容所有浏览器。
return false
退出执行, return false 之后的所有触发事件和动作都不会被执行. 有时候 return false 可以用来替代 stopPropagation() 和 preventDefault(), 比如我们上面新窗口打开链接的例子。
可以认为[可能会有错]return false = stopPropagation() + preventDefault(),但是return false 不但阻止事件, 还可以返回对象, 跳出循环等...
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
