javascript各浏览器中option元素的表现差异
2011-04-07 00:00
369 查看
1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。
示例:
12
2,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是option。
示例:
1
//
3,IE6下给option元素添加title属性实现tips功能无效。
示例:
1
<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
相关文章推荐
- javascript各浏览器中option元素的表现差异
- 各浏览器中option元素的表现差异
- 各浏览器下使用 OBJECT 元素和 EMBED 元素嵌入 Flash 存在差异
- JavaScript在IE浏览器和Firefox浏览器中的差异总结
- javascript数组之in操作符在各个浏览器解析的差异
- JavaScript浏览器全屏插件和jQuery元素大小调整插件
- JavaScript获取select元素下的每一个option
- JavaScript 笔记 —— 鼠标事件的浏览器差异
- JavaScript获取元素在浏览器画布中的绝对位置
- 行内元素vertical-align:middle在html5和xhtml1.0及以下版本中的表现差异
- javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
- JavaScript Select和Option列表元素上下左右移动
- javascript实现的元素拖动函数宿主为浏览器
- JavaScript在IE浏览器和Firefox浏览器中的差异总结
- HO8001: 各浏览器下使用 OBJECT 元素和 EMBED 元素嵌入 Flash 存在差异
- 几个JavaScript的浏览器差异处理问题
- JavaScript细微差别(函数声明与函数表达式及浏览器差异)
- JavaScript在IE浏览器和Firefox浏览器中的差异总结
- Javascript基础——深入了解Javascript(函数返回值return、函数传参arguments、兼容各浏览器的单一行间样式、元素的插入删除split/shift/sort/pop)
- 简单几步原生javascript实现元素拖拽功能兼容所有浏览器