jQuery：輸入屬性更改的偵聽器

Question

<textarea id="test" disabled>Test</textarea>

有沒有辦法監聽屬性的變化？ 比如disabled屬性。

我需要一個事件來添加或刪除“禁用”屬性。 像這樣的東西：

$("#test").on("change attribute",function(){
    alert("Textarea enabled");
})

Answer 1

您可以使用 MutationObserver：

 console.log('script start'); const test = document.querySelector('#test'); new MutationObserver((mutations) => { for (const mutation of mutations) { if (mutation.attributeName === 'disabled') { console.log('Change detected'); } } }).observe(test, { attributes: true }); setTimeout(() => { test.removeAttribute('disabled'); }, 1000);

 <textarea id="test" disabled>Test</textarea>

不需要像 jQuery 這樣的外部庫； 現在基本上所有的瀏覽器都支持這一點。