当需要动态插入元素时,插入的元素往往添加class样式于onclick方法失效.
这种情况是因为插入之前class与js代码已被读取
所以这里就解决方案原理是插入元素的同时给予它添加点击事件与内联样式
vessel.innerHTML =
"<video style='width: 100%;height: 100%;background: #31313180;' class='camera-play'></video>";
document.querySelectorAll(".camera-play").forEach(i => {
i.onclick = (e) => {
//可被打印
console.log(e.target)
}
})