關于innerHTML后丟失動態綁定的EVENT問題解決方法

2019-11-20 22:42:30

字體：大中小

來源：轉載

供稿：網友

用innerHTML取出一段內容后再innerHTML回去,那么原來動態綁定的事件就會丟失,如:
html:

復制代碼代碼如下:

script:

復制代碼代碼如下:

 
document.getElementById('d1').onclick=function(){alert(1)}; 
var html=document.body.innerHTML; 
document.body.innerHTML=html; 

這段代碼執行后點擊d1是沒有任何反應的。
解決方法：
把onclick綁定到父元素，利用冒泡原理，判斷當前元素是否為d1,若為d1則執行

復制代碼代碼如下:

 
document.body.onclick=function(e){ 
var e=e||event; 
var current=e.target||e.srcElement 
if(current.id=='d1'){alert(1)} 
} 

這也是折中的方法，肯定會影響效率的。

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

2019-10-23 09:17:05

2019-10-21 09:20:02

2019-10-21 09:00:12

2019-09-26 08:57:12

2019-09-25 08:46:36

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本