(二)jquery总结:Event

lining 2012-08-16

jQuery Event:

ready(fn);$(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以

有很多个函数被加载执行,按照fn的顺序来执行。

bind(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur,focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mousemove,

mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keydown,keypress,

keyup,error

one(type,[data],fn)为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对

象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。

trigger(type,[data])在每一个匹配的元素上触发某类事件。

triggerHandler(type,[data])这一特定方法会触发一个元素上特定的事件(指定一个事件类型),同时取消浏览器对此事件的默认行动

unbind([type],[data])反绑定,从每一个匹配的元素中删除绑定的事件。

$(”p”).unbind()移除所有段落上的所有绑定的事件

$(”p”).unbind(“click”)移除所有段落上的click事件

hover(over,out)over,out都是方法,当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。

$(”p”).hover(function(){

$(this).addClass(”over”);

},

function(){

$(this).addClass(”out”);

}

);

toggle(fn,fn)如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。

$(”p”).toggle(function(){

$(this).addClass(”selected”);

},

function(){

$(this).removeClass(”selected”);

}

);

元素事件列表说明

注:不带参数的函数,其参数为可选的fn。jQuery不支持form元素的reset事件。

事件描述支持元素或对象

blur()元素失去焦点a,input,textarea,button,select,label,map,area

change()用户改变域的内容input,textarea,select

click()鼠标点击某个对象几乎所有元素

dblclick()鼠标双击某个对象几乎所有元素

error()当加载文档或图像时发生某个错误window,img

focus()元素获得焦点a,input,textarea,button,select,label,map,area

keydown()某个键盘的键被按下几乎所有元素

keypress()某个键盘的键被按下或按住几乎所有元素

keyup()某个键盘的键被松开几乎所有元素

load(fn)某个页面或图像被完成加载window,img

mousedown(fn)某个鼠标按键被按下几乎所有元素

mousemove(fn)鼠标被移动几乎所有元素

mouseout(fn)鼠标从某元素移开几乎所有元素

mouseover(fn)鼠标被移到某元素之上几乎所有元素

mouseup(fn)某个鼠标按键被松开几乎所有元素

resize(fn)窗口或框架被调整尺寸window,iframe,frame

scroll(fn)滚动文档的可视部分时window

select()文本被选定document,input,textarea

submit()提交按钮被点击form

unload(fn)用户退出页面window

相关推荐

Web全栈笔记 / 0评论 2020-06-15