Firefox和IE内对check的onchange事件的区别

最新推荐文章于 2020-12-10 15:36:40 发布
最新推荐文章于 2020-12-10 15:36:40 发布
阅读量91 收藏
点赞数
本文简述了在不同浏览器中onchange事件的行为差异，并提供了一个解决方案：通过在onclick事件中调用this.blur()来同步IE与FF的事件触发，尽管这会在IE中引发未知错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


简述
FF里面，onchange事件马上发生。
IE里面，onchange事件在失去焦点后发生。

解决办法，还是使用onchange(),在onclick写上this.blur();

所以当你修改checkbox的时候，IE本来要等待你失去焦点，然后才onchange，现在onclick就抢先让他失去了焦点这样onchange就生效了。

缺点:在IE里面会产生一个 " 未知错误"。先就这样吧。

iteye_11495
关注
[原创]JavaScript版扫雷
Wind__Fantasy的专栏
04-30 2260
     最近自学JavaScript，发现JavaScript好强大，虽然还没深入学习js高级特性，比如闭包、匿名函数等等，学了也有不少语言了(C/C++/PHP/JavaScript/...)发觉应该多学习的是语言的特性，而不是仅仅停留在语法上面，比如JavaScript的闭包，C语言的灵活，C++的模板，PHP的简洁与易用等等，经常看别人争论哪个语言好？有什么意义呢？不同的语言具有不同的语言
原js笔记
Pwsifeng的博客
01-10 2886
s原生JS笔记 电话：17339853876（微信同号） 二阶段学习内容 1、B/S架构（web结构） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638)(img1628929434621.png)] 2、前端工程师的工作 人机交互 前后端交互 3、HTML、CSS、JS的作用和关系 一个网页由三部分组成：HTML、CSS、Javascript HTML： 结构（静态） [外链图片转存失败,源站可能有防盗链
iCheck事件与样式操作
大话家的博客
12-10 2259
一、iCheck绑定事件 iCheck提供了大量回调事件，支持所有选择器（selectors），并且只针对复选框checkbox和单选radio按钮起作用。 事件名称 触发原因 ifClicked 用户点击了自定义的输入框或与其相关联的label ifChanged 输入框的 checked 或 disabled 状态改变了 ifChecked 输入框的状态变为 checked ifUnchecked checked 状态被移除 ifDisabled
radio选择事件 onchange事件 onclick事件
热门推荐
aphy358的博客
12-10 11万+
单选框按钮（radio）选择事件怎么设置呢？ 既可以在radio标签里设置onclick事件实现，也可以设置它的onchange事件实现，效果一样，代码如下： 那么当点击单选按钮的时候就会触发test函数。
radio、checkbox在使用iCheck后，绑定选中事件
zh921112的专栏
11-18 3万+
使用on()方法绑定事件： $('input').on('ifChecked', function(event){ alert(event.type + ' callback'); }); ifCreated 事件应该在插件初始化之前绑定。
前端面试题集锦
u013993319的博客
07-07 4674
前端面试题集锦
登峰造极的Javascript
qq_42829814的博客
02-19 2250
JavaScript ECMAscript详解 Javascript DOM详解 Javascript BOM详解
JavaScript—进阶篇
weixin_44595042的博客
03-10 2990
JavaScript—进阶（笔记）第1章 系好安全带,准备启航1-1 让你认识JS 简介： 做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： 您至少掌握HTML+CSS基础知识 学习内容： 通过JavaScript学习，掌握基本...
【jquery】jquery-icheck radio的点击事件、change事件、获取当前选中的值
Meditation_Crazy
12-27 3万+
使用ichick，获取当前选中，以及change事件的触发，或者说是点击事件 参考：https://www.cnblogs.com/xp796/p/5508145.html//方法名称：获取当前选中的值；icheck-radio change事件；点击事件; $("input:radio[name='dateInfoType']").on('ifChecked', function(event){
checkbox的change事件（IE浏览器change事件问题及解决方法）
lwf的博客
10-25 1万+
在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件。 $('document').ready(function(){ $('#checkbox').change(function(){ alert('checked'); }) })上面几行代码在Firefox等浏览器中
checkbox无法立即实现onchange的两种替代方法(onchange和onpropertyc
matriculate的专栏
04-27 1万+
转载自：http://www.cnblogs.com/blueyund/articles/1250986.html<br /><br /><br /><br />例如<input type="checkbox" onchange="alert(this.value)" value="haha">,在IE下必须点击一下页面空白的地方才可以激活onchange事件，替换的两种方法 <br />1、<input type=checkbox onclick="alert(this.value)" value=hue
用js代码修改checkbox的checked属性值不会触发onchange事件
carcarrot的博客
10-16 3701
问题描述 vue中，我用v-model将 checkbox 绑定到变量flag上，但是，当我用 js 去修改 flag 的值时，却没有触发 checkbox 的change事件。 同样的，在angular中用ng-model将 checkbox 绑定到变量flag2上，用程序修改flag2的值也没有触发 checkbox 的change事件。 事实上，这不是vue和angular的问题，而是在原生的js和html上。 解决方法 1. 在vue及angular框架中我们可以通过...
easyUI组件：textbox和combobox的onchange事件实现
虽然 easyui-textbox 和 easyui-combobox 的 onchange 事件在大多数情况下表现一致，但在某些特殊情况下，开发者可能需要调整触发时机，比如在用户输入过程中立即触发事件。 ### 程序代码 具体的程序代码没有在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值