
使用 outerhtml 替换模板后,添加的 click 事件为何不触发?
您遇到的问题是,在使用 outerHTML 替换自定义标签后,添加的 click 事件无法触发。这是因为直接在 div 上监听点击事件无法捕获到嵌套的 span 元素上的 click 事件。
解决方案
要解决这个问题,我们直接监听 div 的点击事件,并判断事件目标是否是 span。如果是,则删除这个 span 元素。
拍客竞拍系统是一款免费竞拍网站建设软件,任何个人可以下载使用,但未经商业授权不能进行商业活动,程序源代码开源,任何个人和企业可以进行二次开发,但不能以出售和盈利为目的。安装方法,将www文件夹里面的所有文件上传至虚拟主机,在浏览器执行http://你的域名/install.php或者直接导入数据库文件执行。本次升级优化了一下内容1,程序和模板完美分离。2,优化了安装文件。3,后台增加模板切换功能。
修改后的代码如下:
立即学习“前端免费学习笔记(深入)”;
handleClick(e) {
// 判断点击的是 SPAN 节点(删除图标)
if (e.target.nodeName === "SPAN") {
// 如果是删除按钮,删除标签
e.target.parentNode.remove();
}
}










