jquery14 on() trigger() : 事件操作的相关方法
Posted 672530440
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery14 on() trigger() : 事件操作的相关方法相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="jquery-2.0.3.js"></script> <script> jQuery.event = { global 事件的全局属性(源码还没用到) add 绑定事件 remove 取消事件 trigger 主动触发事件 dispatch 配发事件的具体操作 handlers 函数执行顺序的操作 props JQ中共享原生JS的event属性 fixHooks 收集event兼容的集合 keyHooks 键盘的event兼容 mouseHooks 鼠标的event兼容 fix event对象的兼容处理 special 特殊事件的处理 simulate focusin的模拟操作(trigger , dispatch) }; jQuery.Event = function(){}; jQuery.Event.prototype = { isDefaultPrevented isPropagationStopped isImmediatePropagationStopped preventDefault stopPropagation stopImmediatePropagation }; jQuery.fn.extend({ on one off trigger triggerHandler }); //6720 .click(); .mouseover(); jQuery.fn.extend({ hover bind unbind delegate undelegate }); $(function(){ $(\'#div1\').on(\'click\',function(){ alert(123); }); $(\'#div1\').on(\'click\',{name:\'hello\'},function(ev){ alert(ev.data.name); }); ----------------------------------------------------------------------- //ul要是li的父级或者主线节点 /* delegate: function( selector, types, data, fn ) { return this.on( types, selector, data, fn );//this=$(\'ul\') }, */ $(\'ul\').delegate(\'li\',\'click\',{name:\'hello\'},function(){ $(this).css(\'background\',\'red\');//点击li,li变红，这个点击其实是ul身上，通过委托加到了li身上 }); $(\'ul\').on(\'click\',\'li\',{name:\'hello\'},function(){//这也是委托，on有selector就是委托 $(this).css(\'background\',\'red\'); }); ----------------------------------------------------------------------- $(\'#div1\').on(\'click\',function(){ alert(123); }); $(\'#div1\').on(\'mouseover\',function(){ alert(456); }); $(\'#div1\').on({ \'click\' : function(){ alert(123); }, \'mouseover\' : function(){ alert(456); } }); ----------------------------------------------------------------------- $(\'#div1\').one(\'click\',function(){//只执行一次 alert(123); }); ------------------------------------------------------------------- $(\'#input1\').focus(function(){ $(this).css(\'background\',\'red\'); }); $(\'#input1\').trigger(\'focus\');//触发focus事件 $(\'#input1\').triggerHandler(\'focus\'); //触发focus事件，但是光标不会移进去，不会触发当前事件的默认行为 }); </script> </head> <body> <div id="div1">div</div> <ul> <li>11111</li> <li>11111</li> <li>11111</li> <li>11111</li> </ul> <input type="text" id="input1"> </body> </html>
以上是关于jquery14 on() trigger() : 事件操作的相关方法的主要内容，如果未能解决你的问题，请参考以下文章