javascript - 通过开发者工具更改值的事件

Question

当我们使用开发者工具改变input的值时，是否会触发任何事件？

我尝试过使用change()、blur()、focus()。但是，如果我们通过开发人员工具更改值，则不会触发这些事件。

Answer 1

看来即使使用 MutationObserver-API 这也是不可能的。如果您直接通过控制台操作输入的值，则不会触发突变。

我刚刚尝试的另一种可能性也没有帮助:打开开发人员工具后，右键单击输入并选择“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);