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

2019-11-21 00:53:37

字體：大中小

來源：轉載

供稿：網友

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

運行測試下即可。

上一篇：javascript demo 基本技巧

下一篇：IE和Firefox下event事件雜談