jQuery(事件)

web(2.12-2.13)

1.事件绑定与移除

//on(eve,[sel],[data],fn)  可同时绑定多个事件，data传值给e.data
//绑定多个事件分别对其进行操作时，通过e.type判断事件类型

//off(eve,[sel],[fn])
//不写任何参数该元素的所有事件全被移除
//fn不是回调函数，而是添加事件时，将之前的匿名回调转化为基本函数写法 

//on(),off()进行事件委托后，委托的事件中this值输出为受委托的元素
//委托元素需写成选择器字符串形式  "#id"  ".class"  "标签名"

//bind(type,[data],fn)
//unbind(t,[d|f])
//bind unbind 不能进行事件的委托，其余与on(),off()一致

2.事件的处理

 //one(type,[data],fn)   一次性事件，只触发一次
 
 //trigger(type,[data])  触发指定类型事件   自动触发事件
 //可以用trigger处理自定义事件

//hover([over,]out)  事件切换

 $(".small").hover(function(){
     console.log("鼠标悬停");
 },function(){
    console.log("鼠标离开");
 })

3.阻止事件冒泡的两种方法

//方法一    e.stopPropagation();
//方法二     return false;

4.事件执行参数

e.currentTarget  //当前点击的目标元素
e.data  //事件传递的数据
e.delegateTarget   //在事件委托中 获取委托的元素
e.preventDefault()  阻止事件的默认行为
e.isDefaultPrevented()  //返回值true/false  是否使用过preventDefault
e.isPropagationStopped() //返回值true/false  是否使用过stopPropagation