通過開發人員工具更改價值的事件

Question

使用開發人員工具更改輸入值時是否觸發了任何事件？

我試過使用change(),blur(),focus()。但是如果我們通過開發人員工具更改這些值，則不會觸發這些事件。

Answer 1

看來，即使使用MutationObserver-API，這也是不可能的。如果您直接通過控制檯操縱輸入值，則不會觸發突變。

我剛剛嘗試過的其他可能性也沒有幫助：打開Developer-Tools後，右鍵單擊輸入並選擇「Break On - > Attributes Change」。但是這也不起作用。

我會覺得有點 - 現在看來這不是容易的工作...

---

第一個答案：

你應該看看MutationObserver-API如果你是不是想支持舊版瀏覽器。以這裏的例子爲出發點，你可以嘗試這樣的事情：

// select the target node 
var target = document.querySelector('#your-input'); 

function mutationCallback(mutation) { 
    /* 
    Your logic here 
    */ 
} 

// create an observer instance 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(mutationCallback);  
}); 

// configuration of the observer: 
var config = { attributes: true, childList: true }; 

// pass in the target node, as well as the observer options 
observer.observe(target, config);