javascript - Safari:焦点事件不适用于按钮元素

Question

焦点事件在所有浏览器上都能正常工作，但 Safari 浏览器被点击时除外。

它在 div[tabindex] 元素上工作正常，但不适用于 button 或 input:button 元素。

在我使用$('.btn').focus()时也能获取到focus事件。

为什么点击没有触发焦点事件？

这是我的代码:

$(".btn").focus(function (e) {
	$(".result").append("<p>Event:"+e.type+", target:"+e.target+"</p>");
})

.result{min-height:200px;border:1px solid #000;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button class="btn">button 1</button>
<input type="button" class="btn" value="button 2"/>
<div class="btn" tabindex="0">div element</div>
<h1>
Result:
</h1>
<div class="result">

</div>

Answer 1

不支持文档说明:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus