分享

jQuery 绑定事件及移除绑定事件方法和元素事件列表

 muyable 2015-11-08

1.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");       }     );
2.元素事件列表说明: 注:不带参数的函数,其参数为可选的 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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多