jquery中的事件机制

Jquery事件机制

简单事件 $(‘div’).click(function(){…}) 简单方便

 

Bind方法 $(‘div’).bind(‘click,mouseenter…’,function(){…})

特点: 可以对h5新增的事件进行绑定；可以同时注册多个事件；

底层原生的实现是addEventListenter 注册事件

 

Delegate方法 $(‘div’).delegate(‘p’,’click’,function(){…})

事件委托: 1.  给祖辈元素绑定事件，只绑定一次

                2.  this指向当前点击的那个元素

原理:事件冒泡

优点:1.  可以给动态创建的元素绑定事件

        2.  可以批量创建事件

 

Jquery1.7后统一成了on方法

注意点: 事件委托的this指向当前点击的元素

 

解绑事件off()

Off()解绑所有事件

Off(‘事件名‘) 解绑指定事件

触发事件:对于h5中新增的事件,如果要触发，只能用trigger

 

Jquery事件对象对于原来的事件对象进行了兼容处理

Return false 即可以阻止冒泡，也可以阻止浏览器默认行为;

在js底层中return false 只能是阻止浏览器的默认行为