[jQuery]阻止事件冒泡和阻止默认事件

    $('子选择器').on('click', function (e) {
        e.stopPropagation() // 阻止事件冒泡
    })


　 $('子选择器').on('click', function (e) {
        e.preventDefault() // 阻止默认事件
    })

 

应用场景：

阻止事件冒泡：对于父子结点的同一种事件（如click），在操作子结点的时候，会冒泡到父节点，触发父节点的对应事件。

如果需要只触发子节点的事件而不触发父节点的操作，则需要加上stopPropagation()方法。

 

阻止默认事件：对于某些元素，可能本身具备某些事件（如a标签跳转，body在手机店滑动移动）。

如果需要对这些事件进行自定义操作而不使用其原本的事件操作，则需要加上preventDefault()方法。