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 相关文章推荐
一段非常简单的让图片自动切换js代码
Nov 10 Javascript
javascript入门·对象属性方法大总结
Oct 01 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
常用原生js自定义函数总结
Nov 20 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
jquery 判断div show的状态实例
Dec 03 Javascript
详解React中setState回调函数
Jun 14 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 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
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
RequireJs的使用详解
2017/02/19 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
vue-router单页面路由
2017/06/17 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python中的异常处理简明介绍
2015/04/13 Python
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
python实现多线程的两种方式
2016/05/22 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
婚纱店策划方案
2014/05/22 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
党员承诺书范文2015
2015/04/27 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python
Python中基础数据类型 set集合知识点总结
2021/08/02 Python