onblur 事件仅在 Firefox 中的备用输入字段上触发

Question

在每个表单输入元素之后，我需要使用相同的脚本进行验证。
我用onblur=myFunction("name")其中， nam e是name=属性表单域）中的每个表格元件，以便当用户按下<tab>光标前进到下一输入字段。

问题是 Firefox（Linux 93.0 - 64 位）仅在奇数表单输入字段上触发onblur事件。 偶数编号不执行事件处理程序就失去焦点。
有时，但并非总是如此，我可以通过单击不同的表单输入字段或旋转出并返回到表单中来强制触发事件。 这是非常一致的。

下面是来自真实表单的两个示例顺序字段，“ fname ”触发事件，“ lname ”不触发。
共有 17 个命名输入字段。 这些字段的样式也不反映光标退出该字段后的“未聚焦”状态。

<label for="fname" class="shipping">First Name</label>
<input type="text" class="shipping" name="fname" id="fname" maxlength=24 size=20 placeholder="First Name" autofocus onBlur=field_check("fname")>
<label for="lname" class="shipping">Last Name</label>
<input type="text" class="shipping" name="lname" id="lname" maxlength=48 size=30 placeholder="Last Name" required onBlur=field_check("lname")> 

如何解决这个问题？

Answer 1

感谢那些回答的人，即使没有人回答。 我做了很多测试，发现问题是 CSS 样式和内联 onBlur、onChange 等之间的干扰。当这些被删除时，所有工作都按预期进行，尽管我无法确定某个字段何时完成。 测试时，我发现 Firefox（Linux 和 Windows）会每隔一个事件响应一次，因此备用行不会设置样式并且不会报告数据输入。 输入第三个字段后，Windows 上的 Chrome 将挂起，并且在不关闭浏览器的情况下无法关闭弹出窗口。 旧版本的 Internet Explorer (!) 完全按预期工作，但我无法测试 Edge 或 Safari，因为我没有在此处安装它们。
总体而言，文档和主流浏览器上的实现之间似乎存在一些脱节，但我没有时间尝试找到它，所以我必须找到一个“计划 B”。