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

option 表现差异 2022-11-21 22:11:09 799人浏览独家记忆

摘要

1，IE6/7/8/9中无事件(如click,mouseover)，Firefox/Safari/Chrome/Opera则有。 <select id="s1" multip

1，IE6/7/8/9中无事件(如click,mouseover)，Firefox/Safari/Chrome/Opera则有。

示例：

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> 

示例：

--结束END--

本文标题: javascript各浏览器中option元素的表现差异

本文链接: https://lsjlt.com/news/173181.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

猜你喜欢

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

1，IE6/7/8/9中无事件(如click,mouseover)，Firefox/Safari/Chrome/Opera则有。复制代码代码如下: <select id="...

99+

2022-11-21

option 表现差异
js中各浏览器中鼠标按键值的差异

W3C DOM-Level-2 定义如下 W3C DOM 写道 During mouse events caused by the depression or release o...

99+

2022-11-21

鼠标按键值
css如何实现元素在当前浏览器中垂直水平居中

这篇文章给大家分享的是有关css如何实现元素在当前浏览器中垂直水平居中的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。元素在当前浏览器中垂直水平居中　　body{ 　　backgr...

99+

2024-04-02
HTML 有序列表的浏览器兼容性：确保你的网站在各浏览器中正常显示

HTML 有序列表用于创建带有数字或字母作为标记的列表。虽然大多数浏览器都能正确呈现有序列表，但在不同的浏览器中可能会出现一些兼容性差异。了解这些差异并采取适当措施至关重要，以确保你的网站在所有浏览器中都能正常显示。跨浏览器兼容性差异...

99+

2024-03-06

HTML 有序列表、浏览器兼容性、跨浏览器一致性、数字列表
CSS3怎么重置iphone浏览器按钮input,select等表单元素的默认样式

本篇内容主要讲解“CSS3怎么重置iphone浏览器按钮input,select等表单元素的默认样式”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS3怎么重...

99+

2024-04-02
使用python怎么统计list列表中各个元素出现的次数

这篇文章将为大家详细讲解有关使用python怎么统计list列表中各个元素出现的次数，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。利用字典dict来完成统计举例：a = ...

99+

2023-06-06