Home > Article > Web Front-end > javascript option onclick事件ie解决方案兼容ie,firefox_表单特效

javascript option onclick事件ie解决方案兼容ie,firefox_表单特效

WBOYOriginal: 2016-05-16 18:38:481291browse

<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>

<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>

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

运行测试下即可。

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：event.srcElement 用法笔记e.target_javascript技巧Next article：IE和Firefox下event事件杂谈_javascript技巧

See more

javascript option onclick事件ie解决方案 兼容ie,firefox_表单特效

Related articles

javascript option onclick事件ie解决方案兼容ie,firefox_表单特效