从文本框直接点击链接按钮，onblur是否始终先于链接函数触发？

行为一致性 #

你测试到的blurfunction()先于buttonfunction()触发的行为，在绝大多数现代浏览器（包括桌面端Chrome、Firefox、Safari、Edge，以及移动端主流浏览器）上是统一的。只有非常老旧的浏览器（比如IE8及更早）可能存在例外，这类浏览器如今市场占比极低，基本无需考虑适配。

规范层面的依据 #

HTML和DOM规范里，焦点转移的事件流程是明确的：当用户操作导致焦点从元素A移向元素B时，必须先完成元素A的blur事件处理，再处理目标元素的交互事件（比如你这里链接的javascript:代码执行）。虽然W3C的单事件规范没有单独拎出来强调，但整个焦点变更的逻辑链隐含了这个顺序——焦点离开前的元素必须先触发blur，后续的交互操作才会执行。

需要注意的特殊情况 #

如果blurfunction()里包含异步代码（比如setTimeout、Promise回调），那这些异步逻辑会被放到事件队列中，等到同步代码执行完（也就是buttonfunction()执行完）才会运行，这属于JavaScript事件循环的特性，和浏览器的焦点事件顺序无关。

更稳妥的兼容方案 #

如果要100%确保顺序，可做以下优化：

• 把javascript:链接换成<button>元素绑定click事件，浏览器对按钮的焦点转移逻辑处理更统一。
• 在buttonfunction()里加个校验：设置一个标记变量，比如let blurExecuted = false，blurfunction()执行时把它设为true，buttonfunction()开头先检查这个变量，若为false则手动调用blurfunction()。

内容的提问来源于stack exchange，提问作者Marsroverr