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.事件处理:绑定事件,切换事件,移除事件。
方法 |
描述 |
文档就绪事件(当 HTML 文档就绪可用时) |
|
按下并松开鼠标左键时触发。 $(selector).click();触发事件 $(selector).click(function);绑定事件(下同) |
|
触发、或将函数绑定到指定元素的 focus 事件 |
|
当元素失去焦点时发生 blur 事件 |
|
该事件仅适用于文本域(text field),以及 textarea 和 select 元素。当元素的值发生改变时,会发生 change 事件 |
|
触发、或将函数绑定到指定元素的 select 事件 |
|
触发、或将函数绑定到指定元素的 double click 事件 |
|
该事件只适用于表单元素。当提交表单时,会发生 submit 事件。 |
|
scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) |
|
|
|
绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。 toggle()方法也可以用于切换元素的可见状态 |
|
所有匹配元素的指定事件 自动触发事件 |
|
触发、或将函数绑定到指定元素的 resize 事件 $(window).resize(func); //当窗体大小改变时自动触发 |
|
|
|
向匹配元素的当前或未来的子元素附加一个或多个事件处理器 |
|
移除所有通过 live() 函数添加的事件处理程序。 |
|
触发、或将函数绑定到指定元素的 error 事件 |
|
向匹配元素添加事件处理器。每个元素只能触发一次该处理器。 |
|
绑定事件 解除事件 |
|
|
|
该事件适用于任何带有 URL 的元素(比如图像、脚本、框架、内联框架)。当指定的元素(及子元素)已加载时触发 |
|
unload() 方法只应用于 window 对象,当用户离开页面时触发。 具体来说,当发生以下情况时,会发出 unload 事件:点击某个离开页面的链接;在地址栏中键入了新的 URL;使用前进或后退按钮;关闭浏览器;重新加载页面。 |
|
第一个被匹配元素的指定事件 |
|
从匹配元素移除一个被添加的事件处理器,现在或将来 |
|
为当前或未来的匹配元素添加一个或多个事件处理器 |
|
|
|
当鼠标指针穿过元素时触发mouseenter()事件, 当鼠标指针离开元素时触发mouseleave()事件。 只有当鼠标穿过或离开被选元素时,才会触发这两个事件。 触发、或绑定事件(下同)。 |
|
当鼠标指针位于元素上方时触发mouseover事件; 当鼠标指针从元素上移开时触发mouseout 事件。 当鼠标位于或离开被选元素或子元素,都会触发这两个事件。 |
|
hover(funcIn1,funcOut2) |
鼠标事件检测:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测. |
|
|
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件,按下不松开时即触发。click需松开才触发。 |
|
|
|
|
|
|
|
返回 event 对象上是否调用了 event.preventDefault()。 |
|
相对于文档左边缘的鼠标位置。 |
|
相对于文档上边缘的鼠标位置。 |
|
阻止事件的默认动作。 |
|
包含由被指定事件触发的事件处理器返回的最后一个值。 |
|
触发该事件的 DOM 元素。 |
|
该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。 |
|
描述事件的类型。 |
|
指示按了哪个键或按钮。 |
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;