事件流 + 事件对象 + 事件绑定/解绑 + 事件代理 + jQuery事件

  

 

事件流的概念

 

 参考链接：https://www.cnblogs.com/majj/p/9129974.html

（1）事件捕获

（2）处于目标阶段

（3）事件冒泡

 

event.stopPropagation();
   阻止默认的事件
event.preventDefault();

return false;

 

事件对象

 参考链接：https://www.cnblogs.com/majj/p/9130398.html

 　　每一个事件的回调函数，都会默认有一个事件对象

event.target 触发目标的对象
event.type  事件类型
event.keyCode 键码

 

事件绑定和解绑

 参考链接：https://www.cnblogs.com/majj/p/9130573.html

 

事件委托（事件代理）

 参考链接：https://www.cnblogs.com/majj/p/9130661.html

自己完成不了的事情，交给别人去做
原理：运行冒泡的机制

现有的p以及未来添加的p都能做事件操作
$('div').on('click','p',fn)

 

jQuery事件

思维导图：https://www.processon.com/view/link/5ad1c48de4b0b74a6dd65426

 

        click 单击事件
        dblclick 双击事件

        mouseenter
        mouseleave
　　　　 hover(fn1,fn2)  合成事件

        mouseout
        mouseover

        mousedown
        mouseup     
   
        change()
        select()
                
        form表单的 submit    
        addEventListener('click',fn)