`

select元素的onchange事件触发在IE,firefox,chrome的不同

阅读更多

对于select元素的onchange事件,IE下当使用键盘控制select时,每次变化都会触发onchange事件,但是对于firefox和chrome,在用键盘控制时,只有在onblur时才会触发onchange事件(也就是说当select失去焦点时),国外有个同学也给出了hack firefox使其运行同ie的方法:

 

<select name="sel" id="sel#i#" onchange=" ( function here )" onkeyup="this.blur();this.focus();">
 

 

参考:http://www.miuaiga.com/index.cfm/2009/4/22/Firefox-select-onChange-when-using-keyboard--a-solution

2
2
分享到:
评论
2 楼 qq138744 2012-04-16  
qq138744 写道
  

1 楼 qq138744 2012-04-16  
  

相关推荐

    onchange和onpropertychange

    然而,由于它不是W3C标准的一部分,因此在其他现代浏览器(如Firefox、Chrome、Safari等)中不被支持。 ```javascript var myElement = document.getElementById('myElement'); myElement.onpropertychange = ...

    jQuery/JS监听input输入框值变化实例

    oninput事件在大多数现代浏览器中都得到支持,包括Firefox, Google Chrome, Opera, Safari以及从IE9开始的Internet Explorer版本。 除了原生JavaScript的监听方法,文章还提供了使用jQuery实现监听的方式。通过使用...

    JQuery插件searchSelect

    4. **兼容性**:良好的浏览器兼容性,支持大部分现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 5. **易用性**:简单易用的API接口,只需几行代码即可实现搜索功能。 **二、使用步骤** 1. **...

    jQuery lou-multi-select-0.9.5 插件

    7. **兼容性**:考虑到不同浏览器的差异,lou-multi-select-0.9.5 版本应该已经经过测试,以确保在主流浏览器(如Chrome、Firefox、Safari和IE)中正常工作。 8. **版本更新**:文件名中的"336010e"可能是Git提交...

    javascript下拉框选项单击事件的例子分享

    然而,需要注意的是,在IE9以下版本以及Chrome浏览器中,这种方法可能无法正常工作,但在Firefox浏览器上是可以正常使用的。这是因为不同的浏览器对于DOM事件的实现和支持程度是有所差异的。 鉴于此,文章建议我们...

    javascript;大区,省市3级联动

    - 不同浏览器对JavaScript的支持程度不同,确保代码兼容主流浏览器,如Chrome、Firefox、Safari和IE。 - 使用polyfills或Babel等工具将现代JavaScript语法转换为老版本浏览器能理解的代码。 9. **文件city2.html*...

    js省市区,3级联动下拉单

    8. 兼容性考虑:考虑到不同浏览器对JavaScript的支持程度,开发时需要测试并确保在主流浏览器(如Chrome、Firefox、Safari、Edge)上的兼容性。 9. 错误处理:添加适当的错误处理机制,如数据加载失败或无法找到...

    IE event.srcElement和FF event.target 功能比较

    在JavaScript事件处理中,`event.srcElement` 是 Internet Explorer 浏览器特有的属性,用于获取事件发生时的源元素,而 `event.target` 是在 Firefox、Chrome、Safari 和其他遵循 W3C 规范的浏览器中使用,作用相同...

    js时间控件时分秒

    确保在主流浏览器如Chrome、Firefox、Safari、Edge以及Internet Explorer(如果还需要支持)上都运行正常。还可以通过自动化测试框架,如Jasmine或Mocha,进行单元测试和集成测试,以确保控件的各个部分都能按预期...

    浏览文件夹的js代码

    这段代码示例适用于IE和Firefox浏览器,但在现代Web标准下存在几个问题: 1. **安全性**:直接读取本地文件可能违反现代浏览器的安全策略。例如,现代浏览器默认禁止跨源请求,因此这段代码可能无法正常运行。 2. **...

    javascript 无限联动菜单效果代码

    此外,代码还检测了浏览器类型(如IE, Firefox, Chrome)以及特定版本的IE浏览器,这可能是为了确保代码在不同浏览器上能正常工作。 为了实现无限联动菜单,你需要遵循以下步骤: 1. **创建HTML结构**:首先,你...

    Select-Box-jquery:一个类似于 chrom select 的自定义选择框 - 易于使用,在所有浏览器中看起来都一样

    同时,它还支持绑定各种事件,如`onChange`,以便在用户做出选择时触发相应的处理逻辑。 6. **示例和文档**: 为了帮助开发者快速上手,`Select-Box-jquery`通常会包含丰富的示例代码和详细的API文档,这些资源...

    四级联动效果.zip

    5. 兼容性:确保代码在主流浏览器上的兼容性,包括IE、Chrome、Firefox等。 6. 性能优化:尽可能减少网络请求,通过缓存或本地存储来优化加载速度。 这个"四级联动效果"的示例,对于初学者来说,是一个很好的学习...

    2021-2022计算机二级等级考试试题及答案No.10451.docx

    ### 计算机二级等级考试知识点解析 #### 数据库设计内容 **知识点1:数据库设计内容** 数据库设计主要包括两个方面:概念设计和逻辑设计。...目前在中国使用较为广泛的浏览器包括Google Chrome、Firefox、Safari等。

    JavaScript实现预览本地上传图片功能完整示例

    而对于非IE浏览器(如Firefox、Chrome等),我们可以利用`URL.createObjectURL()`方法创建一个临时的URL来预览图片,并设置`&lt;img&gt;`标签的`src`属性: ```javascript else { path = URL.createObjectURL(imgFile....

    无刷新预览所选择的图片示例代码

    - `if (docObj.files && docObj.files[0])`:检查是否支持File API,如果是现代浏览器(如Firefox、Chrome等),则使用`getAsDataURL`方法创建一个数据URL,该URL可以直接作为`img`的`src`属性,实现预览。...

    读取input:file的路径并显示本地图片的方法

    3. **预览图片**:对于支持FileReader API的现代浏览器(如Chrome、Firefox、Safari、Edge等),可以使用`FileReader`对象的`readAsDataURL`方法将文件内容转换为Base64编码的URL,然后设置到`&lt;img&gt;`标签的`src`属性...

    JS实现图片上传预览功能

    `input`元素的`onchange`事件绑定了`PreviewImage`函数,这个函数会在用户选择文件后被触发。 接下来是JavaScript部分,定义了`PreviewImage`函数,它会根据浏览器的不同执行不同的逻辑来实现图片预览。 ```...

    jQuery 图像裁剪插件Jcrop的简单使用

    首先,Jcrop是一个流行的jQuery插件,专门用于图像裁剪操作,它支持多浏览器,包括Internet Explorer, Firefox, Safari, Chrome等。该插件的功能之一是在用户界面上提供一个矩形框,用户可以拖动这个框来选择图像的...

Global site tag (gtag.js) - Google Analytics