您的位置:首页 > Web前端 > JavaScript

javascript各浏览器中option元素的表现差异

2011-04-07 00:00 369 查看
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>


示例:
12

2,点击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
//


3,IE6下给option元素添加title属性实现tips功能无效。
<select id="s1" multiple="multiple"> 
<option value="1" title="tips">1</option> 
</select>


示例:
1
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: