在動態創建的元素上添加事件偵聽器

Question

是否可以向所有動態生成的元素添加事件偵聽器 (Javascript)？ 我不是頁面的所有者，因此我無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但我無法使用 jQuery（delegate、on 等無法在我的項目中工作）。 我怎樣才能做到這一點？

Answer 1

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 2

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 3

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 4

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 5

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 6

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？

Answer 7

當您必須僅支持“現代”網絡瀏覽器（而不是 Microsoft Internet Explorer）時， 變異觀察器是完成此任務的正確工具：

new MutationObserver(function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            // put your own source code here
        }
    }
}).observe(document.body, {childList: true, subtree: true});

Answer 8

是否可以向所有動態生成的元素添加事件偵聽器（Javascript）？ 我不是頁面的所有者，因此無法以靜態方式添加偵聽器。

對於頁面加載時創建的所有元素，我使用：

doc.body.addEventListener('click', function(e){
//my code
},true);

當頁面上出現新元素時，我需要一種方法來調用此代碼，但是我不能使用jQuery（在項目中無法使用elegate，on等）。 我怎樣才能做到這一點？