站长网_站长创业_站长主页_站长之家_易采站长站

会员投稿 投稿指南 站长资讯通告: javascript各浏览器中option元素的表现差异
搜索:
您的位置: 主页 > 教程 > 网页编程 > JavaScript > » 正文

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

来源: 易采站长站
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>

示例:

Tags:
最新图文资讯
1 2 3 4 5 6
相关文章列表:
易采站长站 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助 -