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

时间:2011-04-07    点击:119   
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>

示例:

js 事件处理函数间的Event物件是否全等
Javascript 八进制转义字符(8进制)
JavaScript中判断函数是new还是()调用的区别说明
JavaScript中清空数组的三种方法分享
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved