手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript各浏览器中option元素的表现差异
javascript各浏览器中option元素的表现差异
摘要:1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。复制代码代码...

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

复制代码 代码如下:

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

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

<option value="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

【javascript各浏览器中option元素的表现差异】相关文章:

javaScript中slice函数用法实例分析

理解javascript定时器中的单线程

Javascript中For In语句用法实例

javascript实现控制的多级下拉菜单

谈一谈javascript中继承的多种方式

Javascript中With语句用法实例

javascript消除window.close()的提示窗口

JavaScipt中Function()函数的使用教程

javascript生成不重复的随机数

javascript改变和控制显示的图片大小

精品推荐
分类导航