数码资讯
事件的解决问题方法的动态绑定后失去所有
在使用innerHTML删除一段内容然后innerHTML回来,那么原来的动态绑定的事件将被丢失,如: Html: 复制代码代码如下所示: 点击 脚本: 复制代码代码如下所示: document.getelementbyid('d1)。Onclick =函数(){ alert(1)}; VaR的HT
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在使用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)}
}
这也是一种折中的方法,肯定会影响效率。
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)}
}
这也是一种折中的方法,肯定会影响效率。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。