软件开发培训班 >> 编程开发 >> JavaScript

javascript option onclick事件ie解决方案兼容ie,firefox

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title>select-option onclick </title> 
<script type="text/javascript" >

function simOptionClick4IE(){ 
var evt=window.event ; 
var selectObj=evt?evt.srcElement:null; 
// IE Only 
if (evt && selectObj && evt.offsetY && evt.button!=2 
&& (evt.offsetY > selectObj.offsetHeight || evt.offsetY<0 ) ) {

// 记录原先的选中项 
var oldIdx = selectObj.selectedIndex;

setTimeout(function(){ 
var option=selectObj.options[selectObj.selectedIndex]; 
// 此时可以通过判断 oldIdx 是否等于 selectObj.selectedIndex 
// 来判断用户是不是点击了同一个选项,进而做不同的处理. 
showOptionValue(option)

}, 60); 
} 
}

function showOptionValue(opt,msg){ 
//alert(aa); 
var now=new Date(); 
var dt= (1900+now.getYear())+-+(now.getMonth()+1)+-+now.getDate()+ 
 +now.getHours()+:+now.getHours()+:+now.getSeconds()+.+now.getMilliseconds(); 
var resultZone=document.getElementById(reslut); 
resultZone.style.margin="10px"; 
resultZone.innerHTML=dt +" 时,点击了: " + (opt.text +  = +opt.value); 
}

</script> 
</head>

<body>

<select onclick="simOptionClick4IE()" style="width:235px; height:300px;margin-right:10px;border:1px solid #CFCDCD; background-color:#FFFFFF;font-family:Arial; font-size: 13px; color:#565553; font-style:normal; font-weight:normal; text-decoration:none"> 
 
<option value="1" onclick="showOptionValue( this )" >aaaaa</option> 
<option value="2" onclick="showOptionValue( this )" >bbbbb</option> 
<option value="3" onclick="showOptionValue( this )" >ccccc</option> 
</select>

技术文章快速查找

JavaScript跨浏览器兼容测试三步走

通过JS 获取Mouse Position(鼠标坐标)的代码

javascript:FF/Chrome与IE动态加载元素的区别说明

js 字数统计，区分英汉

用javascript模仿ie的自动完成类似自动完成功的表单

JavaScript 中级笔记第三章

IE无法设置短域名下Cookie

javascript模块化是什么及其优缺点介绍

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

javascript option onclick事件ie解决方案 兼容ie,firefox

javascript option onclick事件ie解决方案兼容ie,firefox