除了 jQuery 的 `change()` 函數之外，如何偵測 DOM 元素內容的變更？

使用 jQuery 偵測 DOM 元素內容變更

jQuery change() 函數可以有效偵測表單元素值的變更。但是，如果您需要監視 DOM 元素內容的更改，例如使用 $("#content").html('something') 時該怎麼辦？

困境

change() 函數不適合此目的，因為非表單元素中的內容變更源自程式碼。因此，依賴它需要您以特定的時間間隔手動檢查元素的內容。

替代方法

1。連結 jQuery 方法和遍歷：

如果執行簡單的 DOM 操作，請考慮連結 jQuery 方法和遍歷。例如：

$("#content").html('something').end().find(whatever)....

2。自訂事件與觸發器：

對於更複雜的操作，請利用 jQuery 的綁定函數與自訂事件和觸發器處理程序。

$("#content").html('something').triggerHandler('customAction');

$('#content').unbind().bind('customAction', function(event, data) {
   //Custom-action
});

這種方法可讓您定義自訂動作，該動作將當觸發「customAction」事件時執行。

以上是除了 jQuery 的 `change()` 函數之外，如何偵測 DOM 元素內容的變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！