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 相关文章推荐
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
Sep 06 Javascript
QQ登录背景闪动效果附效果演示源码下载
Sep 22 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 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作的文本留言本的例子(三)
2006/10/09 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
2009/11/30 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
2016/11/28 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
Vuex 使用及简单实例(计数器)
2018/08/29 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
Pycharm使用之设置代码字体大小和颜色主题的教程
2019/07/12 Python
python 自动识别并连接串口的实现
2021/01/19 Python
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
理肤泉俄罗斯官网:La Roche-Posay俄罗斯
2018/07/24 全球购物
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
UML设计模式笔试题
2014/06/07 面试题
开办化妆品公司创业计划书
2013/12/26 职场文书
简历里的自我评价
2014/01/31 职场文书
军训 自我鉴定
2014/02/03 职场文书
六年级数学教学反思
2014/02/03 职场文书
化学专业自荐信
2014/05/28 职场文书
公积金贷款承诺书
2015/04/30 职场文书
新手初学Java List 接口
2021/07/07 Java/Android