jQuery事件处理

Posted 2020-06-21

1.使用jQuery实现事件绑定
　　语法：
　　　　$obj.bind(事件类型,事件处理函数)
　　　　如：$obj.bind(‘click‘ fn);
　　　　简写形式$obj.click(fn);
　　注：$obj.click()则代表触发了click事件。
2.获得事件对象event
　　只需要为事件处理函数传递任意一个参数
　　如:$obj.click(function(e){...})
　　e就是事件对象，但已经经过jQuery对底层事件对象的封装
　　封装后的事件对象可以方便的兼容各种浏览器
3.事件对象的常用属性
　　获得事件源 var obj = e.target 返回值是DOM对象
　　获取鼠标点击的坐标
　　　　e.pageX
　　　　e.pageY
4.什么是事件冒泡
　　子节点产生的事件会依次向上抛给父节点
5.如何取消事件冒泡
　　e.stopPropagation()可以取消事件冒泡
　　如：
　　　　$(‘div‘).click(function(e){
　　　　　　alert(‘点击了一个链接‘);
　　　　});
　　　　$(‘a‘).click(function(e){
　　　　　　alert(‘点击了一个链接‘);
　　　　　　e.stopPropagation();
　　　　});
5.jQuery的合成事件种类
　　hover(mouseenter,mouseleave)模拟光标悬停事件
　　toggle()在多个事件响应中切换
6.模拟操作的语法
　　$obj.trigger(事件类型)
　　如：$obj.trigger("focus");
　　简写形式$obj.focus();