js中冒泡和捕获是事件的两种行为
使用 stopPropagation() 起到阻止捕获和冒泡阶段中当前事件的进一步传播。
使用 preventDefault() 可以取消默认事件。浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为。比如在a标签href属性上的跳转,form表单里点击提交按钮时网页会产生提交行为并刷新网页等等。
我们可以通过js取消或更改这些默认事件。
防止冒泡和捕获
w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true
stopPropagation也是事件对象(Event)的一个方法,作用是阻止目标元素的冒泡事件,但是会不阻止默认行为。什么是冒泡事件?如在一个按钮是绑定一个”click”事件,那么”click”事件会依次在它的父级元素中被触发 。stopPropagation就是阻止目标元素的事件冒泡到父级元素。
如:
<body>