如何仅在我的网页上调试 IE11 不恰当地触发 oninput

Question

我有一个文本框：

<input id="someTextbox" type="text" oninput="console.log('input')">

并且在 IE11 中，当文本框 没有输入并且获得或失去焦点 时，将打印 "input"。这在任何其他浏览器中都不会发生，我无法简单地重现它，所以我假设是一些外部干扰造成的。

我该如何理想地调试它？

我应该提到这个文本框有完整的定义

<input type="text"
    id="someTextbox" class="form-control"
    oninput="console.log('input')"
    placeholder="Type here" aria-label="Type here"
>

其中 .form-control 是 Bootstrap CSS class.

Answer 1

此问题与 placeholder 有关。它与您使用的 JavaScript、jQuery 或 Bootstrap 无关。我们可以仅使用以下代码重现该问题：

<input id="someTextbox" type="text" oninput="console.log('input')" placeholder="Type here">

在 IE 中似乎是 known bug。作为解决方法，您可以在 IE 中使用 onkeyup 而不是 oninput。

How to approach debugging IE11 firing oninput inappropriately on only my web page