jQuery事件处理

网友投稿 824 2022-05-28

jQuery事件处理

jQuery事件处理

jQuery可以很方便地使用事件对象对触发事件进行处理。jQuery支持的事件包括键盘事件、鼠标事件、表单事件、文档加载事件和浏览器事件等。

1.指定事件处理函数

事件处理函数指事件触发时调用的函数。可以通过下面的方法指定事件处理函数:

$("选择器").事件名(function(形参){ //函数体 })

例如,前面多次使用

$(document).ready(function(e){ });

指定文档对象的ready事件处理函数,ready事件表示当文档对象就绪的时候被触发。

2.绑定事件处理方法

(1)bind()方法

使用bind(方法可以为每一个匹配元素的特定事件(如单击事件)绑定一个事件处理函数,事件处理函数会接收到一个事件对象。

bind()方法的语法格式如下所示:

bind(type, [data,] function)

其中,type表示事件类型;data是可选参数,作为event.data属性值传递给事件对象的额外数据对象;function表示绑定到指定事件的事件处理函数。如果function函数返回false,则会取消事件的默认行为并阻止冒泡。

例1是通过bind()方法为一个按钮绑定一个单击事件,单击按钮后,网页中的一段文字将自动消失,如果再次单击这个按钮,消失的文字又会显示出来。本例重点理解事件的绑定过程。

【例1】

bind方法

  • 足球

3.jQuery事件的方法

jQuery提供了一组事件相关的方法,用于处理各种HTML事件。jQuery常用事件的方法及说明见表1。

例4是单击按钮后,在一个DIV块上按住左键不放进行拖动,这个DIV块会跟随鼠标移动,松开左键之后,DIV块会停止跟随。

【例4】

事件举例

jQuery

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:拒绝从入门到放弃_《鸟哥的 Linux 私房菜 — 基础学习篇(第三版)》必读目录
下一篇:SQL语句执行的底层实现
相关文章