在Chrome中聚焦

On Focus in Chrome

本文关键字:聚焦 Chrome      更新时间:2023-09-26

我正在检查我的项目的浏览器兼容性。我正在调用一个按钮的OnFocus事件的函数。除了在Chrome中,所有其他浏览器都会执行该代码,但如果我在文本字段的OnFocus事件上调用相同的函数,则意味着它也会在Chrome中执行。有人能帮我解决这个问题吗?如何在按钮的onfocus事件上调用函数(应该在Chrome中执行)?

以下是使用两种方法监视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>