位置:海鸟网 > IT > JavaScript >

分析不同浏览器下option元素的表现差异

我们分析一下不同浏览器下option元素的表现差异,主要有三个方面:

1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。


1 <select id="s1" multiple="multiple"> 

2     <option value="1" onclick="alert(1);">1</option> 

3     <option value="2" onclick="alert(2);">2</option> 

4 </select>

2,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是option。

01 <select id="s2" multiple="multiple"> 

02     <option value="1" >1</option> 

03 </select> 

04 <script> 

05     document.getElementById('s2').onclick = function(e){ 

06         var evt = window.event || e; 

07         var target = evt.srcElement || evt.target; 

08         alert(target.tagName);               

09     } 

10 </script> 


3,IE6下给option元素添加title属性实现tips功能无效。

view sourceprint?1 <select id="s1" multiple="multiple"> 

2     <option value="1" title="tips">1</option> 

3 </select>