为什么模糊和聚焦在Safari上不起作用？

Question

我有这样简单的按钮：

<button class="emoji-button-container" onblur="APP.hideEmojiContainer()" onclick="APP.toggleEmojiContainer()">

在Chrome上，两个事件均运行良好。

在Safari上，onclick事件可以正常工作，但不会触发onb​​lur事件。而且element.blur（）函数不会触发onb​​lur事件。我需要它像在Chrome上一样在Safari上运行，该怎么办？这是什么问题？

Answer 1

[似乎Safari不会将按钮元素放在点击上。因此，根据definition，onblur属性在元素失去焦点的时刻触发。元素未集中=> onblur不会触发。

一种解决方案可以在单击后手动应用button.focus()。

另一种是将click事件附加到document上作为here