zoukankan      html  css  js  c++  java
  • 对于ie不支持select的option的onclick事件的处理

    <!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){    
        
    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);  
     
    //这里可以进行很多处理,比如我要点击一个OPTION就打开一个网页,则可以这样写 
        location=opt.value; 
    }    
       
    </script>   
     
    </head>   
       
     
    <body>   
       
      
    <select  onclick="simOptionClick4IE()" >     
        
    <!-- 下面的 onclick="showOptionValue( this )" 是为 ff 和 opera而准备 -->   
        
    <option value=http://www.5566.org onclick="showOptionValue( this )" >aaaaa</option>   
        
    <option value=http://www.sina.com.cn onclick="showOptionValue( this )" >bbbbb</option>   
        
    <option value="http://www.csdn.net" onclick="showOptionValue( this )" >ccccc</option>   
      
    </select>   
       
    <div id="reslut" ></div>   
    </body>   
    </html> 

  • 相关阅读:
    蜗牛讲-Fabric入门之架构
    No module named flask 错误解决
    adb测试Doze和App Standby模式
    以太坊挖矿原理
    mac上 go-delve 安装出现The specified item could not be found in the keychain 解决方法
    nginx+lua 根据指定路径反向代理
    asp.net 网站监控方案
    go开源项目influxdb-relay源码分析(一)
    碰到的jpython用ssh连接机器,有些命令无法运行
    git常用命令(备忘)
  • 原文地址:https://www.cnblogs.com/ai03/p/3003678.html
Copyright © 2011-2022 走看看