<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>
<!--
如果想让select 支持双击事件，则修改为：
<select name="items" multiple ondblclick="alert(this.value);">
<option value="yourvalue">1</option>
<option value="yourvalue">2</option>
</select>
-->
<div id="reslut" ></div>
分享到：
相关推荐
在本文中，我们讨论了如何解决 JavaScript Option onclick 事件在 IE 浏览器中的问题，并实现了兼容 IE 和 Firefox 浏览器的解决方案。通过使用 JavaScript 事件模型和事件监听器，我们可以正确地捕捉 Option 元素的...
document.getElementById("aa").options[1].selected = true; alert("选中了2"); } ``` 通过上述代码，当用户点击按钮时，下拉列表中的第二个选项（值为2）将被选中，并弹出提示框告知用户。 方法二：通过name...
JavaScript是Web开发中不可或缺的一部分，尤其在前端交互和...以上这些JavaScript技巧对于开发者来说非常实用，可以帮助实现各种交互效果和功能，尤其是在兼容IE浏览器时，理解并掌握这些技巧将极大地提升开发效率。
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下： 我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下： <select> 选项一...
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> <SCRIPT language="javascript"> //城市------------------------------ function cityResult() { var city=...
Highcharts是一款广泛应用于Web开发中的...需要注意的是，由于浏览器的安全策略限制，这种方法可能在某些情况下无法工作，例如在IE浏览器或严格限制跨域的环境中。因此，在实际应用中，应充分考虑兼容性和异常处理。
在本篇文章中，我们将介绍如何使用JavaScript来获取HTML中的select元素的当前值，并且...通过一些工具和库，比如jQuery或者其他JavaScript框架，能够简化浏览器兼容性问题的处理，使得开发者更专注于业务逻辑的实现。
这段代码示例适用于IE和Firefox浏览器，但在现代Web标准下存在几个问题： 1. **安全性**：直接读取本地文件可能违反现代浏览器的安全策略。例如，现代浏览器默认禁止跨源请求，因此这段代码可能无法正常运行。 2. **...
通常情况下，在现代浏览器中可以正常工作，但在IE中可能会出现问题，尤其是在`obj`已经被销毁的情况下调用该函数。 2. **动态创建对象并销毁** 以下是两个动态创建对象并在后续操作中尝试访问的例子： ```html ...
在旧版的Internet Explorer（如IE6、IE7）中，我们需要使用滤镜`alpha(opacity=xx)`来实现相同的效果。然而，为了使滤镜在IE7中正常工作，我们需要触发元素的`hasLayout`属性，这可以通过设置`zoom: 1`来实现。 ...
无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 ...
<a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');">设为首页 ``` **打开窗口即最大化**： 当用户打开网页时，窗口会自动最大化至屏幕可用宽度和高度。这个...
这篇文章主要对比了这两个属性在不同浏览器下的使用情况。 首先，让我们看一个示例代码片段： ```html 单击查看" class="button_001_Class" onclick="Get_srcElement(event)"> (event.srcElement.options...
<button onclick="showDeleteConfirm()">删除 function showDeleteConfirm() { dialog({ title: '删除确认', content: '你确定要删除吗？', okValue: '删除', cancelValue: '取消', ok: function() { ...
18. **下拉框操作**：可以通过索引访问下拉框的`options`数组，例如`下拉框.options[索引]`，以及获取选项的总数`下拉框.options.length`。 19. **查找对象**：`document.getElementsByName("r1")`和`document....
`document.captureEvents(Event.KEYDOWN)` 用于捕获键盘事件，而 `document.all["elementID"].detachEvent('onclick', a)` 是在IE中取消事件绑定的方法。 8. **访问窗体元素**： `document.all["txt"].focus()` ...