javascript-events - Chrome でフォーカスが機能しない

Question

プロジェクトのブラウザーの互換性を確認しています。ボタンの OnFocus イベントで関数を呼び出しています。そのコードは、Chrome を除く他のすべてのブラウザーで実行されます。ただし、テキスト フィールドの OnFocus イベントで同じ関数を呼び出すと、Chrome でも実行されることを意味します。この問題を解決するのを手伝ってくれる人はいますか? ボタンのonfocusイベントで関数を呼び出す方法(Chromeで実行する必要があります)?

Answer 1

これは、関数経由と要素属性focus経由の2つのメソッドを使用してイベントを監視する例です。addEventListeneronfocus

<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>