jquery驾驶手册----事件相关

小咪咪 2022-07-13 01:16 175阅读 0赞

## **(1)普通事件绑定：** ##

.blur() 失去焦点事件,通常绑定到input上  
.change() 当输入元素改变，主要在textarea和select上  
.click() 鼠标单击  
.dblclick() 鼠标双击  
.error() 通常绑定到window或者document上面,检测页面出错原因  
.focus() 获取焦点事件  
.keydown() 按键按下整个过程事件  
.keypress() 按键按下事件  
.keyup() 按键离开事件  
.mousedown()  
.mouseleave()  
.mousemove()  
.mouseout()  
.mouseup()  
.mouseenter()  
.mouseover()

## **(2)功能型事件：** ##

.ready() 文档就绪事件  
.resize() 浏览器窗口大小发生变化时触发  
.scroll() 元素的产生滚动触发的事件  
.select() 选取元素事件  
.submit() 表单提交事件  
.toggle() 绑定多个相同的事件，只是除法的顺序不一样  
.trigger() 触发匹配的元素事件  
.triggerHandler() 触发第一个匹配的元素事件

## **(3)特殊事件绑定:** ##

.bind() 不会冒泡，对于动态生成的脚步代码无法绑定  
.on() 类似于on,只是写法不同  
.delegate() 可以绑定由脚本生成的新元素，可添加一个或多个事件处理程序  
.live() JQuery把alert函数绑定到$(document)元素上，并使用’click’和’a’作为参数。任何时候只要有事件冒泡到document节点上，它就查看该事件是否是一个click事件，以及该事件的目标元素与’a’这一CSS选择器是否匹配，如果都是的话，则执行函数。  
.one() 当第一次触发的时候，触发

## **(4)取消事件绑定：** ##

.off(‘事件’) 移除所有通过on(),或者其他函数绑定的事件处理程序  
.unbind() 移除所有通过bind()函数绑定的事件处理程序  
.die() 移除所有通过live()函数绑定的事件处理程序  
.undelegate() 移除所有通过delegate()函数绑定的事件处理程序

## **(5)event函数对象的属性：** ##

event.isDefaultPrevented() 检测是否调用了节点默认事件  
event.pageX 相对于文档页面的X坐标  
event.pageY 相对于文档页面的Y坐标  
event.result 用来捕获多次绑定的返回值  
event.target 用来捕获触发事件的节点  
event.timeStamp 返回事件触发的时间戳  
event.type 返回触发事件的类型  
event.which 返回事件触发的按键–>按键数