<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...
本文实例讲述了基于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()` ...
2. **跨平台兼容**:该控件不仅支持主流的Windows操作系统,还兼容各种Web浏览器,包括IE、Firefox、Chrome等,确保了广泛的应用场景。 3. **易用性**:ReYoPrint的API设计简洁明了,使得开发者能够快速上手,减少...