javascript各浏览器中option元素的表现差异
时间：2022-06-26 10:34:47|栏目：JavaScript代码|点击： 次
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>
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>
3，IE6下给option元素添加title属性实现tips功能无效。
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>
示例：
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>
示例：
3，IE6下给option元素添加title属性实现tips功能无效。
复制代码 代码如下:
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
示例：
上一篇：非常简单的Ajax请求实例附源码
栏 目：JavaScript代码
本文标题：javascript各浏览器中option元素的表现差异
本文地址：http://www.codeinn.net/misctech/206024.html
