focusOut、input 的 IE11 事件触发问题答案

【问题标题】：IE11 event trigger issue for focusOut, inputfocusOut、input 的 IE11 事件触发问题
【发布时间】：2020-02-05 10:46:44
【问题描述】：

我有一个输入文本框，上面有诸如 focusOut、input 等事件的处理程序

现在，我希望首先触发/处理“input”事件，然后是“focusOut”（因为我在 focusOut 中使用输入的值）

上述序列在 Chrome、FF 上始终有效。但是，在 IE11 中，顺序有点不可预测，即在某些情况下，focusOut 先触发，然后再触发输入

据我观察，这主要是当我在该字段中输入值并使用鼠标直接单击表单上的提交 btn 时。这是一个已知的 IE11 问题吗？

【问题讨论】：

您对该问题的解释不清楚。我们了解 onfocusout 事件，但您在代码中使用了哪个事件？在哪些特定情况下 onfocusout 事件首先发生？如果可能，请尝试提供任何示例代码来产生问题。在这种情况下，只有描述没有帮助。如果您提供样品，我们将再次尝试检查问题。感谢您的理解。
您可以在此页面上查看我所指的“输入”事件javascript.info/events-change-input

标签： javascript jquery internet-explorer-11

【解决方案1】：

看起来你是说先执行 onfocusout 然后再执行 oninput 事件。

我尝试用 IE 浏览器测试这个示例代码，它看起来不错。

<!doctype html>
<html>
<head>
</head>
<body>
<input type="text" id="input" onfocusout="alert(this.value)"> oninput: <span id="result"></span><br>
<input type="submit" value="submit">
<script>
  input.oninput = function() {
    result.innerHTML = input.value;
  };
</script>
</body>
</html>

输出：

如果我遗漏了什么，请告诉我。我会努力改正的。

【讨论】：