js中的事件委托...

(想起刚做前端那会 我会用8种清除浮动的方法 熟练掌握各种ie6 7 8下的css hack,phototype jq上手就来 逼急了还能耍会php SEO web2.0UI的各种概念滚瓜烂熟 每当想起那股精神劲 我都激动的想从轮椅上站起来!)

好吧好吧 步入正题 由于日常踩到的坑太多 再加上记忆力不好... 所以经常解决完某个问题后过一段时间在回忆已经忘记当时是怎样解决的了.. 所以还是用博客记录一下吧..


下面谈一下我们经常提到的js中的事件委托

我们知道在js中 事件处理只能绑定在当前被选中的元素上 也就是说 事件处理只能绑定在当前文档已经存在的元素上。

但是 如果我们的元素是后来动态被添加到页面上的(比如在一个ajax请求成功的回调函数内动态添加的元素)这时候我们想给元素绑定事件该怎样处理?

下面直接看具体实现:



这样便能给动态添加的元素添加事件

-----------

还有一种方法是利用$(document).ajaxStop(function(){})  这个方法也就是当页面内的ajax请求完之后获取元素添加事件

但由于有局限性 比如在这个方法内我们还需要处理一个ajax 这时候页面便会一直去请求接口 也就是陷入死循环 所以如果单纯的添加事件这两种方法都可以 但如果还需请求接口便不能用了。

猜你喜欢

转载自blog.csdn.net/qq_41239484/article/details/80944710