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

ttx9n · 发表于 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>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
运行测试下即可。

平平安安 · 发表于 2022-9-10 05:10:47

。。。。。。。。。。。。。。。

6q8s6p21 · 发表于 2023-3-2 09:21:24

撒旦撒旦撒擦擦擦擦

平平安安 · 发表于 2023-6-21 21:48:14

数据库了多久撒快乐的健身卡啦

errol123 · 发表于 2023-6-24 03:35:08

不错的源码论坛

Alisaliu · 发表于 2023-8-9 11:22:54

激动人心，无法言表！

0y3yp · 发表于 2023-12-4 03:25:14

了乐趣了去了去了去了去了

wxrf98xr · 发表于 2024-4-11 14:01:48

这个源码不错啊

8ayoqrpj · 发表于 2024-5-31 21:01:39

看看看咋么

w18pvaep · 发表于 2024-6-30 03:13:33

儿童服务绯闻绯闻绯闻

账号		自动登录	找回密码
密码			立即注册

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

相关帖子

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

相关帖子

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