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>

在Chrome中无法使用焦点

1 个答案: