jQuery中用on绑定事件时需注意的事项_jquery_脚本之家

随着jQuery版本的更新,以前版本的Bind事件可以直接被on代替,本次笔记仅以点击事件为例,主要考察了on事件的用法:

五、说明:工作中,on事件比较常用的还是事件绑定和事件委托,至少我碰到的比较多,live事件on用法主要是前面的jQuery对象变成了document,如:$,故不另作举例。

 #test { height: 100px; font-size: 50px; color: yellow; line-height: 100px; background-color: red; text-align: center; } ${ $.on{ alert('这是事件后添加的DOM,无法正常触发点击事件'); }); var oDiv = $; $.append; 

二、用on监听点击事件后添加的DOM,无法正常触发:

软件之家 ,四、委托对象在事件后添加,无法触发点击事件

 #test { height: 100px; font-size: 50px; color: yellow; line-height: 100px; background-color: red; text-align: center; } ${ var oDiv = $; $.append.on{ alert('这是事件前添加的DOM,可以正常触发点击事件'); }); } ); 
 #test { height: 100px; font-size: 50px; color: yellow; line-height: 100px; background-color: red; text-align: center; } ${ $.on, function(){ alert('委托对象在事件后添加,无法正常触发点击事件'); }); var oWrap = $; $.append; var oDiv = $; $; } );

一、用on监听点击事件前添加的DOM,可以正常触发:

三、解决办法:利用事件委托。需要注意的是:委托的对象必须是DOM中已经存在或者事件前动态添加,此时,用on监听后后可以正常触发事件,否则如:步骤四:

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

 #test { height: 100px; font-size: 50px; color: yellow; line-height: 100px; background-color: red; text-align: center; } ${ var oWrap = $; $.append.on, function(){ alert('委托对象在事件前添加,可以正常触发点击事件'); }); var oDiv = $; $; } );

相关文章

发表评论