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方法

1.  普通绑定事件 $(‘div’).on(‘click’,function(){…})
2.  事件委托 $(‘div’).on(‘click’,’span’,function(){……})

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

解绑事件off()

Off()解绑所有事件

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

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

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

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

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