關於js動態渲染的元素綁定事件遇到的坑

總結一下今天項目中遇到的關於動態渲染元素綁定事件遇到的一些坑。


首先作爲後臺管理系統除左邊側邊欄外,右邊主體部分都是動態渲染出來的。

第一:在給右側主體裏面元素綁定事件的時候,不要直接on綁定,而是用父元素代理事件來綁定,直接on是綁不上去的。

第二:因爲是動態渲染的元素,因此一般的綁定事件方法會造成右側頁面局部刷新之後,事件會重複疊加。解決方法是綁定之前先進行事件解綁,我是用的off方法。當 然我也想到過one這個方法,只是one方法綁定一次之後再次點擊便沒有反應,具體原因尚未研究清楚,這個明天再去具體研究一下這個one方法。

第三:如果涉及到事件代理,一個父元素只能代理一次,如果好多個動態元素都用同一個父元素來做事件代理,那麼後面的事件會覆蓋掉前面父元素代理的事件。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章