JS中如何阻止事件冒泡和默认行为

事件对象：event对象，当成形参来看，包含所有与事件有关的信息，比如触发事件的元素，事件的类型。。。

阻止默认行为

e.preventDefault()—>有兼容性
e.returnValue=false—>ie 678也可用

return false—》没有兼容性问题，只限于传统方式

a.addEventListener('click',function(e){
    
            // e.preventDefault()
            e.returnValue=false
        })
        
a.onclick=function(e){
    
            return false
        }

阻止事件冒泡

e.stopPropagation()----》兼容性
e.cancelBubble=true—》ie 678也可用

var one =document.querySelector('.one')
one.addEventListener('click',function(e){
    
    console.log(e);
    alert('我是子元素')
    // e.stopPropagation()
    e.cancelBubble=true
})