JQUERY参考手册 事件

jQuery参考手册-事件

?Previous Page

?Next Page

jQuery事件方法

事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。触发实例：

上面的例子将触发id="demo"的button元素的click事件。

绑定实例：

上面的例子会在点击id="demo"的按钮时隐藏所有图像。

参阅

教程：jQuery元素选择器语法

jQuery事件-bind()方法

实例

当点击鼠标时，隐藏或显示p元素：

亲自试一试

定义和用法

bind()方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。将事件和函数绑定到元素

规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。

语法

亲自试一试

替代语法

亲自试一试

jQuery事件-blur()方法实例

当输入域失去焦点(blur)时改变其颜色：

亲自试一试

定义和用法

当元素失去焦点时发生blur事件。

blur()函数触发blur事件，或者如果设置了function参数，该函数也可规定当发生blur事件时执行的代码。

提示：早前，blur事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。

触发blur事件

触发被选元素的blur事件。

语法

亲自试一试

将函数绑定到blur事件

规定当被选元素的blur事件发生时运行的函数。

语法

亲自试一试

jQuery事件-change()方法

实例

当输入域发生变化时改变其颜色：

亲自试一试

定义和用法

当元素的值发生改变时，会发生change事件。

该事件仅适用于文本域（text field），以及textarea和select元素。

change()函数触发change事件，或规定当发生change事件时运行的函数。

注释：当用于select元素时，change事件会在选择某个选项时发生。当用于text field或text area 时，该事件会在元素失去焦点时发生。

触发change事件

触发被选元素的change事件。

语法

亲自试一试

将函数绑定到change事件

规定当被选元素的change事件发生时运行的函数。

语法

亲自试一试

jQuery事件-click()方法

实例

当点击按钮时，隐藏或显示元素：

亲自试一试

定义和用法

当点击元素时，会发生click事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。

click()方法触发click事件，或规定当发生click事件时运行的函数。

触发click事件

语法

亲自试一试

将函数绑定到click事件

语法

亲自试一试

jQuery事件-dblclick()方法

实例

当双击按钮时，隐藏或显示元素：

亲自试一试

定义和用法

当双击元素时，会发生dblclick事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次click。在很短的时间内发生两次click，即是一次double click事件。

dblclick()方法触发dblclick事件，或规定当发生dblclick事件时运行的函数。

提示：如果把dblclick和click事件应用于同一元素，可能会产生问题。

触发dblclick事件

语法

亲自试一试

将函数绑定到dblclick事件

语法

亲自试一试

jQuery事件-delegate()方法

实例

当点击鼠标时，隐藏或显示p元素：

亲自试一试

定义和用法

delegate()方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

使用delegate()方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

语法

向未来的元素添加事件处理程序

如何使用delegate()方法向尚未创建的元素添加事件处理程序。jQuery事件-die()方法

实例

移除所有通过live()方法向p元素添加的事件处理程序：

亲自试一试

定义和用法

die()方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。语法

亲自试一试-实例

移除通过live()添加的特定函数

如何使用live()方法移除事件处理程序的特定函数。jQuery事件-error()方法

实例

如果图像不存在，则用一段预定义的文本取代它：

亲自试一试

定义和用法

当元素遇到错误（没有正确载入）时，发生error事件。

error()方法触发error事件，或规定当发生error事件时运行的函数。

提示：该方法是bind('error',handler)的简写方式。

触发error事件

语法

亲自试一试

将函数绑定到error事件

语法

亲自试一试

jQuery事件-isDefaultPrevented()方法

实例

防止链接打开URL，并声明来自isDefaultPrevented()的结果：

亲自试一试

定义和用法

isDefaultPrevented()方法返回指定的event对象上是否调用了preventDefault()方法。语法

jQuery事件-isDefaultPrevented()方法

实例

防止链接打开URL，并声明来自isDefaultPrevented()的结果：

亲自试一试

定义和用法

isDefaultPrevented()方法返回指定的event对象上是否调用了preventDefault()方法。

语法

jQuery事件-pageX属性

实例

显示鼠标指针的位置：

亲自试一试

定义和用法

pageX()属性是鼠标指针的位置，相对于文档的左边缘。语法

jQuery事件-pageY属性

实例

显示鼠标指针的位置：

亲自试一试

定义和用法

pageY()属性是鼠标指针的位置，相对于文档的上边缘。

语法

jQuery事件-preventDefault()方法

实例

防止链接打开URL：

亲自试一试

定义和用法

preventDefault()方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表弟的提交）。语法

jQuery事件-result属性

实例

显示最后一次点击事件返回的结果：

亲自试一试

定义和用法

result属性包含由被指定事件触发的事件处理器返回的最后一个值，除非这个值未定义。语法

jQuery事件-target属性

实例

显示哪个DOM元素触发了事件：

亲自试一试

定义和用法

result属性包含由被指定事件触发的事件处理器返回的最后一个值，除非这个值未定义。

语法

jQuery事件-timeStamp属性

实例

显示出当对按钮元素的点击事件发生时的时间戳：

亲自试一试

定义和用法

timeStamp属性包含从1970年1月1日到事件被触发时的毫秒数。语法

jQuery事件-timeStamp属性

实例

显示出当对按钮元素的点击事件发生时的时间戳：

亲自试一试

定义和用法

timeStamp属性包含从1970年1月1日到事件被触发时的毫秒数。语法

jQuery事件-type属性

实例

显示触发了哪种类型的事件：

亲自试一试

定义和用法

type属性描述触发哪种事件类型。

语法