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 相关文章推荐
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
删除节点的jquery代码
Jan 13 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
vue中v-for通过动态绑定class实现触发效果
Dec 06 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
[03:55]DOTA2完美大师赛选手传记——LFY.MONET
2017/11/18 DOTA
初学python数组的处理代码
2011/01/04 Python
Python写的贪吃蛇游戏例子
2014/06/16 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
python队列通信:rabbitMQ的使用(实例讲解)
2017/12/22 Python
Python实现TCP通信的示例代码
2019/09/09 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
SQL注入攻击的种类有哪些
2013/12/30 面试题
EJB面试题
2015/07/28 面试题
工程造价专业大学生自荐信
2013/10/01 职场文书
幼儿园门卫制度
2014/01/29 职场文书
30年同学聚会感言
2014/01/30 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
预备党员转正考核材料
2014/06/03 职场文书
遗嘱格式范本
2015/08/07 职场文书
企业法律事务工作总结
2015/08/11 职场文书
小学生安全教育主题班会
2015/08/12 职场文书