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

更新时间：2009年12月18日 22:16:00 作者：

<!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> <div id="reslut" ></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

运行测试下即可。

您可能感兴趣的文章:

javascript TextArea动态显示剩余字符
TextArea动态显示输入剩余字符
2008-10-10
项目添加
项目添加...
2007-02-02
js插入字符到textarea的效果代码
利用js实现往textarea中输入字符，是个不错的操作textarea的效果代码
2008-04-04
让input不可点击的另一种方法
一般对于input的不可点击，不可输入，不可修改等都是用disable=true这一属性，下面的方法，是通过js控制的，各有好处。
2009-02-02
一个非常强大完整的web表单验证程序Validator v1.05
一个非常强大完整的web表单验证程序Validator v1.05...
2006-07-07
js模拟权限选择实现代码(select操作)
权限选择页面，选择、撤回、全部选择、全部撤回
2012-02-02
js下获得单选框的值的代码
js下获得单选框的值的代码...
2007-09-09
改进版：在select中添加、修改、删除option元素
改进版：在select中添加、修改、删除option元素...
2006-10-10
表单提交验证类
表单提交验证类...
2006-07-07
Javascript 汉字字节判断
注册验证之：Javascript判断汉字为2字节
2009-08-08