javascript 각 브 라 우 저 에서 option 요소 의 표현 차이

1,IE6/7/8/9 에는 이벤트 가 없습니다(예 를 들 어 click,mouseover),Firefox/safari/chrome/Opera 는 있 습 니 다
 
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>

예시:122,option 을 누 르 면 srcElement 를 통 해 이벤트 원본 을 가 져 옵 니 다.목 표 는 IE 에서 select 이 고,Firefox/safari/chrome/Opera 는 option 입 니 다
 
<select id="s2" multiple="multiple">
<option value="1" >1</option>
</select>
<script>
document.getElementById('s2').onclick = function(e){
var evt = window.event || e;
var target = evt.srcElement || evt.target;
alert(target.tagName);
}
</script>

예시:1
// <![CDATA[
document.getElementById('s2').onclick = function(e){
var evt = window.event || e;
var target = evt.srcElement || evt.target;
alert(target.tagName);
}
// ]]>
3.IE6 에서 option 요소 에 title 속성 을 추가 하여 tips 기능 이 잘못 되 었 습 니 다
 
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>

예시:1

좋은 웹페이지 즐겨찾기