首頁 > web前端 > js教程 > 除了 jQuery 的 `change()` 函數之外,如何偵測 DOM 元素內容的變更?

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

Susan Sarandon
發布: 2024-11-19 09:17:02
原創
530 人瀏覽過

How Can I Detect Changes in DOM Element Content Beyond jQuery's `change()` Function?

使用 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板