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


Posted in Javascript onApril 07, 2011

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>

示例:

Javascript 相关文章推荐
关于javascript中this关键字(翻译+自我理解)
Oct 20 Javascript
JavaScript的面向对象编程基础
Aug 13 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
详解WordPress开发中get_current_screen()函数的使用
Jan 11 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
JavaScript之创意时钟项目(实例讲解)
Oct 23 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 #Javascript
我的javascript 函数链之演变
Apr 07 #Javascript
JavaScript中链式调用之研习
Apr 07 #Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 #Javascript
javascript 单例/单体模式(Singleton)
Apr 07 #Javascript
Safari5中alert的无限循环BUG
Apr 07 #Javascript
JQuery中html()方法使用不当带来的陷阱
Apr 07 #Javascript
You might like
php中cookie的作用域
2008/03/27 PHP
php Static关键字实用方法
2010/06/04 PHP
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
JavaScript适配器模式详解
2017/10/19 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
python实现代码行数统计示例分享
2014/02/10 Python
Python中remove漏删和索引越界问题的解决
2020/03/18 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
python名片管理系统开发
2020/06/18 Python
如何用Python 加密文件
2020/09/10 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
工作收入住址证明
2014/10/28 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
英语演讲开场白
2015/05/29 职场文书
高三教师工作总结2015
2015/07/21 职场文书