一、事件
名称 | 含义 |
---|---|
对象.on(eve,[sel],[data],fn) | 绑定事件, eve是事件类型,可绑定多个事件,用空格隔开;[sel]是事件委托的对象;[data]会赋给e.data;fn是事件函数。该方法可实现事件委托(只能将事件委托给后代),也可定义自定义事件 |
对象.off(eve,[sel],fn) | 删除事件,如果不写参数,则删除所有事件,eve是事件类型;[sel]是事件委托的对象;fn是事件函数,可删除多个事件 |
对象.bind(eve,[data],fn) | 和on类似,区别是他不能进行事件的委托 |
对象.unbind(eve,fn) | 和off类似,区别是他没有委托元素 |
对象.one(eve,[data],fn) | 添加一次性事件,data 不能是字符串 |
对象.on(eve,[data],fn) .trigger(“click”,1) | 先动态绑定事件,再绑定自动触发事件。 |
对象.hover([over,]out) | 两个参数都是函数,并用逗号隔开 |
blur([[data],fn])
change([[data],fn])
click([[data],fn])
dblclick([[data],fn])
error([[data],fn])1.8-
focus([[data],fn])
focusin([data],fn)
focusout([data],fn)
keydown([[data],fn])
keypress([[data],fn])
keyup([[data],fn])
mousedown([[data],fn])
mouseenter([[data],fn])
mouseleave([[data],fn])
mousemove([[data],fn])
mouseout([[data],fn])
mouseover([[data],fn])
mouseup([[data],fn])
resize([[data],fn])
scroll([[data],fn])
select([[data],fn])
submit([[data],fn])
二、事件的执行参数
eve.currentTarget //当前点击的目标元素
eve.data //事件传递的数据
eve.delegateTarget1.7+ //在事件委托中 获取委托的元素
eve.isDefaultPrevented() //返回值true/false 是否使用过preventDefault
eve.isImmediatePropag…()
eve.isPropagationStopped() //返回值true/false 是否使用过stopPropagation
eve.namespace
eve.pageX
eve.pageY
eve.preventDefault() 阻止事件的默认行为
eve.relatedTarget
eve.result
eve.stopImmediatePro…()
eve.stopPropagation() 阻止事件冒泡
eve.target 执行事件的目标元素
eve.timeStamp 执行的事件 ms
eve.type 类型
eve.which 键盘上的ascii值 1 是 鼠标
三、事件的冒泡和处理
$(function (){
$("div").click(function (e){
console.log(1);
//处理事件的冒泡 用事件参数
//e.stopPropagation(); //处理事件冒泡
console.log(e.isPropagationStopped());
return false; //处理事件冒泡
});
});