jquery事件参数和相关事件

Posted 2020-11-25

1.事件对象
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 是 鼠标

$("ul").on("click",".box", function (e) {
//$(this)  指向子元素
//            console.log(e.delegateTarget);//父元素ul
//        })

处理事件冒泡 e.stopPropagation(); return false;
2.one 和trigger
one(type,[data],fn) 一次性事件data不能是字符串
trigger(type,[data]) 触发指定类型事件 自动触发事件传递参数形式为[data]
3.事件切换 hover(over,out)
4.jquery 里面封装的事件方法
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])