jQuery中on()和click()在冒泡中运用的对比
2020-03-29 13:00
756 查看
什么是冒泡事件
click()事件的运用到冒泡事件中
在这个情况下this不能使用,因为它指向window。并且每次要判断是否是需要的元素。
$("#list").click(function(e){ let $img=$(e.target); if($img.is("img")){ $img.clone().replaceAll("#chosen>img") } })
运用on()
on()的第二个参数是选择器,会帮助找到需要的元素。而且在这种情况下this也可以使用了。
$("#list").on("click","img",function(){ let $img=$(this); $img.clone().replaceAll("#chosen>img") })
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- jquery的on和click的区别
- 点击不在这个区域部分,div消失,jquery代码 - hiding an element on click of anything else on the page
- JQuery阻止冒泡事件on绑定中异常情况分析
- JQuery document click 中防止事件冒泡
- jQuery的区别:$().click()和$(document).on('click','要选择的元素',function(){})的不同
- 记忆,jQuery的click方法和on方法(on方法,有很多种使用,如on的change)?
- 关于jquery的obj.click()、和obj.on()以及行内的onclick事件
- jquery阻止冒泡事件:$('span').bind("click",function(event){event.stopPropagation();})(有用源)
- jQuery绑定事件方法及区别(bind,click,on,live,one)
- iOS上的jQuery.on()冒泡事件绑定 给body添加点击事件
- jquery之on()和click()的本质区别
- jquery中 $().click()和$(document).on('click','要选择的元素',function(){})的不同
- JQuery中on和click的区别
- jQuery Click fires twice when clicking on label
- 在微信公众号开发(微站)过程中用Zepto/jquery的on/live绑定的click事件点击无效(不能执行)
- 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
- 关于js中的onclick事件和JQuery中的click方法以及on方法事件的详解以及区别
- jQuery中on与click的区别
- js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡
- Jquery click/bind/live/delegate/on事件,阻止默认事件,以及插件的写法