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 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
Bootstrap整体框架之CSS12栅格系统
Dec 15 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
Angularjs实现多图片上传预览功能
Jul 18 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
JS实现旋转木马轮播图
Jan 01 Javascript
vue-router 路由传参用法实例分析
Mar 06 Javascript
js canvas实现俄罗斯方块
Oct 11 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代码收集表单内容并写入文件的代码
2012/01/29 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
[03:18]【TI9纪实】社区大触GL与木木
2019/08/25 DOTA
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
Python学习笔记(二)基础语法
2014/06/06 Python
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
用python写的一个wordpress的采集程序
2016/02/27 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python实现简易通讯录修改版
2018/03/13 Python
使用python生成目录树
2018/03/29 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
Python读取yaml文件的详细教程
2020/07/21 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
文员自我评价怎么写
2013/09/19 职场文书
实习自我鉴定范文
2013/10/30 职场文书
军训自我鉴定
2014/01/22 职场文书
小学家长会邀请函
2014/01/23 职场文书
全国道德模范事迹
2014/02/01 职场文书
安全责任书范文
2014/03/12 职场文书
党性教育心得体会
2014/09/03 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
公司费用报销管理制度
2015/08/04 职场文书