焦点事件触发 IE 与现代浏览器中的输入事件答案

【问题标题】：Focus event triggers input event in IE vs modern browsers焦点事件触发 IE 与现代浏览器中的输入事件
【发布时间】：2015-05-29 07:18:15
【问题描述】：

如何防止在 IE 中的焦点/设置选择范围事件后触发输入事件？这里的代码示例：

var setSelectionRange = function (input, selectionStart, selectionEnd) {
    if (input.setSelectionRange) {
        input.focus();
        input.setSelectionRange(selectionStart, selectionEnd);
    }
    else if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd('character', selectionEnd);
        range.moveStart('character', selectionStart);
        range.select();
    }
};

【问题讨论】：

哪个版本的 IE 出问题了？您在 IE11 中的代码 doesn't seem to fire oninput。 mcve 也会有所帮助。
焦点选择的常见设计模式是
1.所有版本的 IE。 2. 在模板 html 中，我也有输入的占位符。
请参阅my explanation with very short solution 了解您的问题。

标签： internet-explorer events input focus

【解决方案1】：

经过长期研究，我决定更改功能。输入字符串有条件。如果它不是空的，则焦点并设置插入符号位置。现在输入事件只触发输入文本不为空。这是跨浏览器的解决方案。

【讨论】：

【解决方案2】：

我遇到了同样的问题，发现了这个问题。我在 addEventListener 方法中切换为使用“keydown”事件而不是“input”事件。

【讨论】：

请参阅my explanation with very short solution 了解您的问题。