Lắng nghe các sự kiện như thêm các phần tử mới trong JavaScript

Question

Tôi cần tạo trình xử lý sự kiện sao cho khi phần tử mới được thêm vào tài liệu hoặc bất kỳ phần tử con nào của nó, trình xử lý sự kiện của tôi sẽ được gọi.

Bất kỳ ý tưởng nào về cách thực hiện việc này bằng cách sử dụng?

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved') 

đây là sự kiện để kiểm tra phần tử được chèn hoặc xóa.

liên kết trên yếu tố cha mẹ sự kiện này.

và gọi chức năng của bạn trong handler

js fiddle bản demo: http://jsfiddle.net/PgAJT/

bấm vào đây ví dụ ... http://help.dottoro.com/ljmcxjla.php

Answer 2

DOMNodeInserted bị phản đối trong DOM Level 3 giới thiệu. sử dụng chúng làm chậm trình duyệt (họ nói). tùy thuộc vào những gì bạn cần, bạn có thể kích hoạt sự kiện tùy chỉnh bên trong mã nơi bạn chèn phần tử.

Answer 3

Sự kiện đột biến không được dùng nữa, thay vào đó hãy sử dụng Mutation Observer. Bạn cũng có thể sử dụng thư viện arrive.js, nó sử dụng Trình theo dõi đột biến nội bộ và cung cấp một api đơn giản để nghe các yếu tố tạo và xóa.

$('#container').arrive('.mySelector', function(){ 
    var $newElem = $(this); 
});