크롬에서 작동하지 않음

Question

내 프로젝트의 브라우저 호환성을 확인하고 있습니다. 단추의 OnFocus 이벤트에서 함수를 호출하고 있습니다. 이 코드는 Chrome을 제외한 다른 모든 브라우저에서 실행됩니다. 그러나 텍스트 필드의 OnFocus 이벤트에서 같은 함수를 호출하면 Chrome에서도 실행됩니다. 어느 누구도이 문제를 해결할 수 있습니까? 버튼에서 onfocus 이벤트 (Chrome에서 실행해야하는)에서 함수를 호출하는 방법은 무엇입니까?

Answer 1

다음은 두 가지 방법, 즉 addEventListener 기능을 통해 onfocus 요소 속성을 통해 focus 이벤트를 모니터링하는 예입니다.

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