欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-17 14:36:10
1,ie6/7/8/9中无事件(如click,mouseover),firefox/safari/chrome/opera则有。 复制代码 代码如下:

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>

示例:

相关标签: option 表现差异