现在的位置: 首页 > 综合 > 正文

jquery事件处理

2017年12月27日 ⁄ 综合 ⁄ 共 2436字 ⁄ 字号 评论关闭

jquery事件:

链接: http://www.w3school.com.cn/jquery/jquery_ref_events.asp

1.传统JS在页面全部加载完毕(包括图片)后执行:

window.onload = function(){ ...}
//注;如果一个页面中存在多个windows.onload事件处理函数,则只有最后一个才是有效的。JQuery的则无此限制。

2. JQuery中的ready()方法在页面的DOM模型加载完毕后自动执行:

1) $(document).ready(function{........})
2) $(function(){.........})
3) jQuery(document).ready(function(){............})
4) jQuery(function(){.................})

3.事件处理:绑定事件,切换事件,移除事件。

方法

描述

ready()

文档就绪事件(当 HTML 文档就绪可用时)

click()

按下并松开鼠标左键时触发。

$(selector).click();触发事件

$(selector).click(function);绑定事件(下同)

focus()

触发、或将函数绑定到指定元素的 focus 事件

blur()

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

change()

该事件仅适用于文本域(text field),以及 textarea 和 select 元素。当元素的值发生改变时,会发生 change 事件

select()

触发、或将函数绑定到指定元素的 select 事件

dblclick()

触发、或将函数绑定到指定元素的 double click 事件

submit()

该事件只适用于表单元素。当提交表单时,会发生 submit 事件。

scroll()

scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)

 

 

toggle()

绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。

toggle()方法也可以用于切换元素的可见状态

trigger()

所有匹配元素的指定事件

自动触发事件

resize()

触发、或将函数绑定到指定元素的 resize 事件

$(window).resize(func); //当窗体大小改变时自动触发

 

 

delegate()

向匹配元素的当前或未来的子元素附加一个或多个事件处理器

die()

移除所有通过 live() 函数添加的事件处理程序。

error()

触发、或将函数绑定到指定元素的 error 事件

one()

向匹配元素添加事件处理器。每个元素只能触发一次该处理器。

bind()

unbind()

绑定事件

解除事件

 

 

load()

该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。当指定的元素(及子元素)已加载时触发

unload()

unload() 方法只应用于 window 对象,当用户离开页面时触发。

具体来说,当发生以下情况时,会发出 unload 事件:点击某个离开页面的链接;在地址栏中键入了新的 URL;使用前进或后退按钮;关闭浏览器;重新加载页面。

triggerHandler()

第一个被匹配元素的指定事件

undelegate()

从匹配元素移除一个被添加的事件处理器,现在或将来

live()

为当前或未来的匹配元素添加一个或多个事件处理器

 

 

mouseenter()

mouseleave()

当鼠标指针穿过元素时触发mouseenter()事件,

当鼠标指针离开元素时触发mouseleave()事件。

只有当鼠标穿过或离开被选元素时,才会触发这两个事件。

触发、或绑定事件(下同)。

mouseover()

mouseout()

当鼠标指针位于元素上方时触发mouseover事件;

当鼠标指针从元素上移开时触发mouseout 事件。

当鼠标位于或离开被选元素或子元素,都会触发这两个事件。

hover(funcIn1,funcOut2)

鼠标事件检测:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.

mousemove()

 

mousedown()

mouseup()

当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件,按下不松开时即触发。click需松开才触发。

keydown()

keyup()

 

keypress()

 

 

 

event.isDefaultPrevented()

返回 event 对象上是否调用了 event.preventDefault()。

event.pageX

相对于文档左边缘的鼠标位置。

event.pageY

相对于文档上边缘的鼠标位置。

event.preventDefault()

阻止事件的默认动作。

event.result

包含由被指定事件触发的事件处理器返回的最后一个值。

event.target

触发该事件的 DOM 元素。

event.timeStamp

该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。

event.type

描述事件的类型。

event.which

指示按了哪个键或按钮。

 

Event:

原生event链接:http://www.w3school.com.cn/htmldom/dom_obj_event.asp

event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.className等。

event.srcElement.tagName可以捕获活动标记名称,如"TD","TR","A"等

firefox 下的 event.target = IE 下的event.srcElement

 

currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口,如var id=e.currentTarget.id; var className=e.currentTarget.className;

 

抱歉!评论已关闭.