javascript Chrome中的焦点

9jyewag0  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(146)

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

qcbq4gxm

qcbq4gxm1#

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

相关问题