Question

使用开发人员工具更改输入值时是否触发了任何事件？

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

Answer 1

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

我刚试过的另一种可能性也没有帮助：打开Developer-Tools，右键单击输入并选择“Break On - ＆gt; 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);

通过开发人员工具更改价值的事件

1 个答案: