jQuery中事件处理的详细介绍

1。页面加载完成了响应事件。
所谓的页面加载意味着DOM元素已经准备好加载并可以读取和操作。
$(文字),Ready()事件在jQuery
准备(FN)是最重要的功能在jQuery事件模块。这种方法可以作为一种替代的在window.onload登记活动。通过这种方法,我们可以调用绑定功能立即当DOM就绪,和几乎所有的Javascript功能需要在那一刻,执行。
就绪(FN)的返回值:当DOM准备绑定DOM加载时要执行的函数时,对象参数要执行的参数函数。
对于$(文档),它有一个非常简单的表单。Ready(函数({)})= $(函数(){ })
这在window.onload()事件的比较和$(document)的Ready()事件。
Window.onload()=函数(){ }
如果超过一个在window.onload()的使用,只有最后一个绑定功能可以执行,它将覆盖所有在window.onload()结合功能之前。
如果使用超过一个$(),则可以执行所有的$()。
需要注意的是,如果身体标签的onload事件注册功能重要,以$注册功能()事件将不会执行

2。绑定和反绑定事件侦听器
结合事件
绑定(类型,{数据},FN)函数
是一个功能和事件绑在美元元(# ID)。Click(function(){ })是一个匿名函数的单击事件id元素绑在一起
但是上面的例子实际上是一种缩写形式,因为它是一种简单而常用的事件绑定,而正则表达式应该如下所示:
$(# ID)。Bind(单击
Bind(类型,{资料},FN)返回值:对象的参数类型:事件类型字符串数据:可选,如event.data属性值传递到下一个对象的FN,FN,并绑定功能事件。
处理函数的传输参数
这与第二参数()函数和event.data属性是用来传递参数到FN功能
复制代码代码如下所示:

$(# text2)。Bind(单击
如果(事件。数据= 1){ $(这个)。瓦迩(欢迎)}
如果(事件,数据,第二= 1){ $(这个)。瓦迩( )}
});
})

第二在FN功能键参数值通过event.data JSON对象
浏览器以防止默认行为
有时绑定绑定函数与浏览器的默认操作冲突,如果您想停止浏览器的默认操作,只需在FN后面添加一个false;
复制代码代码如下所示:
$(窗体)。Bind()

反绑定事件
与元素的事件结合在一起的函数。
Unbind({型},{姓名} FN)返回值:对象的参数类型:事件类型字符串名称:FN是无界函数名功能
如果参数为空,则上述两个参数都是可选参数,该函数是绑定到所有匹配元素的所有事件的函数。
复制代码代码如下所示:
(($函数){ $(# BTN1 )(点击(功能){
$(输入文本} {类型=)。Unbind()})
})

在点击BTN1,事件的绑定所有类型文本文本框的所有功能被移除
一次性事件绑定
它是绑定到只能执行一次元素的事件的函数。
一个(类型,{资料},FN)返回值:对象的参数类型:事件类型字符串数据:可选,如event.data属性值传递到下一个对象的FN,FN,并绑定功能事件。
根据绑定()函数,不同之处在于一次只能执行一次。

三.事件触发
上述绑定的某些功能要求用户在执行前执行某些操作。例如,单击事件绑定的功能要求用户单击要执行的相应元素,但事件触发器可以使用代码模拟用户的操作,然后执行由事件约束的函数,而不需要用户执行某些操作。
Trigger(类型,{资料})返回值:对象的参数类型:事件类型:可选字符串数据,通过一个由阵列的结合触发事件的函数(参数是一个Javascript数组)所有功能的一种事件触发的,绑定的元素,当这种事件和浏览器的默认操作冲突的事件将触发执行操作的默认浏览器
复制代码代码如下所示:


(($函数){ $(# text1)。Bind(点击),功能({ $(this)。瓦迩()})})
(($函数){ $(# text2)。Click(函数(事件、pamas1,pamas2)
{ $(this)。瓦迩(触发)+ pamas1 + pamas2事件触发)}
})
(($函数){ $(输入{文本= })。Trigger()单击

在上面的代码中,虽然这两个文本框中单击事件绑定功能,最后的代码也设置触发器的两个文本框中单击事件,所以用户不需要点击相应的文本框来执行他们的点击事件绑定功能。此外,还通过触发功能触发参数,Javascript数组,可以在深秋的点击功能看到参数的获取。
当事件与浏览器的默认操作触发功能冲突引发的事件触发执行浏览器的默认操作,而triggerhandler函数不执行浏览器的默认操作。
TriggerHandler(类型,{资料})与触发使用一致的

4的交互式处理。事件
悬停:模仿鼠标悬停。
悬停(溢出,返回)返回值:对象参数-鼠标移动到由函数函数触发的元素:鼠标移出由元素触发的函数函数
复制代码代码如下所示:
判断用户输入
(($函数){ $(# hover1 )(。悬停(功能){
$(# hoverpd )();}。表明,函数(){()
$(# hoverpd )();})。隐藏
})

切换的循环响应:多次点击
向匹配元素的单击事件添加一些绑定函数,这些元素在元素的常量点击下循环。
拨动的返回值(FN1、FN2、FN3…):对象参数FN1、FN2、FN3…循环函数函数
复制代码代码如下所示:

var I=0;
(($函数){ $(# toggle1)。Toggle(功能)({我+ +;$(# hover1)。瓦迩(我)},
函数(){我=我+ 2;$(# hover1)。瓦迩(我)})
})

对5.jquery内置事件类型
jQuery内置事件函数的两种声明方式
事件类型名称()没有参数——事件类型名称()模拟用户的操作。
带有参数-事件类型名称(事件函数)的事件函数
($(# ID)。Click(function(){ }))与事件的函数参数
($(# ID)。Click(function(){ });$(# ID));(点击)不带参数单击事件函数将执行相应的# ID功能是模拟用户的操作
(2)jQuery内置事件类型的分类
与浏览器相关的事件
当匹配元素出错时,错误(FN)会触发一个函数,而错误事件没有标准,例如当图像SRC无效时触发图像的错误事件。
负载(FN)匹配元素在加载后触发一个函数。例如,在加载所有DOM对象时都会触发窗口。在加载单个元素后触发其他单个元素。
卸载(FN)
调整大小(FN)匹配元素改变一个小时来触发一个函数
滚动(FN)滚动条改变时触发
相关事件的形式
当匹配元素失去焦点时触发(FN)触发,并在元素获得焦点后触发。
当用户选择文本框中的文本时,选择(FN)触发器
提交表单时提交(FN)触发器
键盘相关事件
keydown(FN)键盘按键时触发
触发按键顺序(FN)键盘当按下按下keydown -> KeyUp ->按键
Keyup(FN)触发当键盘弹出
鼠标操作相关事件
点击顺序(FN)是MouseDown -> MouseUp ->点击
MouseDown(FN)
Mouseup(FN)
Dblclick(FN)
鼠标悬停(FN)
Mouseout(FN)
MouseMove(FN)被触发时,它将匹配的元素,和事件处理函数传递变量,事件对象(它的clienty ClientX,属性代表鼠标的坐标)
接口显示相关事件
当元素失去焦点时,模糊(FN)匹配元素触发,鼠标也可以创建tab键。
焦点(FN)