jQuery中的事件

Posted 2020-09-30 太阳微笑的距离

jQuery 事件

 1.ready(fn) 当DOM载入就绪可以查询及操纵绑定一个要执行的函数。

$(document).ready(function（）){

//代码部分

});

也可以这么写

$(function(){

//代码部分

});

2.on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件处理函数

3.off(events,[selector],[data],fn)  在选择元素上移除一个或多个事件的事件处理函数

off()方法移除用on()绑定的事件处理程序

4.one(type,[data],fn) 为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。每个对象上，这个事件处理函数只会被执行一次，其他规则与bind()函数相同

5.trigger(type,[data]) 在每一个匹配的元素上触发某类事件

6.triggerHandler(type,[data]) 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。

7.hover（[over,]out）一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。

over:鼠标移到元素上要触发的函数。

out:鼠标移出元素要触发的函数。

8.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理函数，以响应被选元素的轮流的Click事件。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

9.blur([[data],fn]) 当元素失去焦点时触发blur事件。

10.change([data],fn]) 当元素的值发生改变时，会发生change事件。该事件仅适用于文本域（text filed）,以及textarea 和 select元素。

11.click([[data],fn]) 触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。

12.dblclick([[data],fn]) 当双击元素时，会发生dblclick事件。

13.error([[data],fn]) 当元素遇到错误（没有正确载入）时，发生error事件。

14.foucs([[data],fn]) 当元素获得焦点时，触发focus事件。

15.foucsin([data],fn) 当元素获得焦点时，触发focus事件。focusin事件跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

16.foucsout([data],fn) 当元素失去焦点时触发focusout 事件。focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。

17.keydown([data],fn]) 当键盘或按钮被按下时，发生keydown事件。

18.keyup([[data],fn])当按钮被松开时，发生keyup事件。它发生在当前获得焦点的元素上

19.mouseenter([[data],fn]) 当鼠标指针穿过元素，会发生mouseenter 事件。该事件大多数时候与mouseleave事件一起使用。

20.mousedown([[data],fn]) 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件。