在使用innerHTML
删除一段内容然后innerHTML回来,那么原来的动态绑定的事件将被丢失,如:
Html:
复制代码代码如下所示:
点击
脚本:
复制代码代码如下所示:
document.getelementbyid('d1)。Onclick =
函数(){ alert(1)};
VaR的HTML = document.body.innerHTML;
文件。体.innerHTML = HTML;
在
执行代码后单击D1没有响应。
uff1a解
绑定onclick到父元素和使用气泡的原理来判断当前元素是D1,如果是进行D1
复制代码代码如下所示:
文件。身体。onclick=
功能(e){
VaR E = E | |事件;
无功电流= e.target | | e.srcelement
如果(电流。ID = = 'd1){ alert(1)}
}
这也是一种折中的
方法,肯定会
影响效率。