事件冒泡与捕获 阻止事件冒泡的传播 事件委托 如何阻止默认行为（右键单击）

事件冒泡与捕获

阻止事件冒泡的传播

事件委托

   var oUl = document.querySelector('ul')
        oUl.onclick = function (e) {
            if (e.target.nodeName === 'LI') {
                console.log('我是 li 标签, 我被点击了~~~')
            }
        }

如何阻止默认行为（右键单击）

 
 <form>
        <input type="text">
        <input type="submit">
    </form>
 </body>

       var form = document.querySelector('form')
        form.addEventListener('submit',function (e) {
            e = e || window.event
            // 阻止默认行为
            try{
                e.preventDefault()
            } catch(err) {
                e.returnValue = false
            }

            //  e.preventDefault()
            console.log('该函数执行, 拦截掉了 submit的提交行为');
        })