javascript-events - 在 Chrome 中无法聚焦

Question

我正在检查我的项目的浏览器兼容性。我在按钮的 OnFocus 事件上调用一个函数。该代码正在为除 Chrome 之外的所有其他浏览器执行。但如果我在文本字段的 OnFocus 事件上调用相同的函数，则意味着它也在 Chrome 中执行。谁能帮我解决这个问题？如何在按钮的 onfocus 事件上调用函数（应在 Chrome 中执行）？

Answer 1

focus这是一个使用两种方法监视事件的示例：通过addEventListener函数和通过onfocus元素属性。

<script>
function onfocused(ev){
 document.getElementById('si').textContent=ev.target.id;
}
onload=function(){
 document.getElementById('einput').addEventListener('focus', onfocused, false);
 document.getElementById('ebutton').addEventListener('focus', onfocused, false);
};
</script>

<div id=si>?</div>
<br />
<br />
Via addEventListener:
<input id=einput type=button value="einput" />
<button id=ebutton>ebutton</button>
<br />
<br />
Via onfocus attribute:
<input id=iinput type=button value="iinput" onfocus="onfocused(event)" />
<button id=ibutton onfocus="onfocused(event)">ibutton</button>