我正在研究一个Chrome扩展业务游戏化系统,该系统跟踪各种Web应用程序中的用户,并跟踪他们在应用程序内的进度以确定其工作场所中的用户排名。JavaScript - 检测单击事件是否触发了DOMNodeInserted事件
我知道你可以跟踪创建的元素,使用类似:
window.addEventListener('DOMNodeInserted', function(e){
console.log(e.target);
}, false);
但是,因为这可能会非常慢(在复杂的网络应用明显滞后),我想,只能检测到那些元素由于鼠标点击而产生(例如在元素上)。
我只是测试这一点,在本地:在希望的事件将是相同的,或在检查DOMNodeInserted事件
<!DOCTYPE html>
<html>
<body>
<div id="creator">Click me</div>
<script>
var click_event = 0;
function add_element(e)
{
console.log(e);
click_event = e;
var div = document.createElement('div');
div.innerHTML = "created";
document.body.appendChild(div);
}
function element_created(e)
{
console.log(e);
if(e == click_event)
{
console.log("SAME EVENT");
}
}
document.getElementById('creator').addEventListener('click', add_element, false);
window.addEventListener('DOMNodeInserted', element_created, false);
</script>
</body>
</html>
,我会找到提取原始点击事件的一些方法插入事件的属性。尽管如此,我没有发现将它链接到click事件的插入事件的属性中。
有什么方法可以找到哪个事件使用JavaScript触发DOMNodeInserted事件?
,如果你在一个onClick监听器添加的DOM插入的听众是什么? – JNF