关于IE下Checkbox标签的onchange事件兼容

简介:

今天写一个全选功能,在chrome和firefox下测试都正常实现效果,到了ie下死活没效果.

一番周折,测试发现勾选了以后还要点击其他位置才会触发onchange事件.

用度娘查询了一下.

有下面两种解决方式:

用onclick事件代替

1、<input type=checkbox onclick="alert(this.value)" value=huerreson>

用onpropertychange事件代替
2、<input type=checkbox onpropertychange="alert(this.value)" value=huerreson>

IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来捕获。











本文转自 yntmdr 51CTO博客,原文链接:http://blog.51cto.com/yntmdr/1655510,如需转载请自行联系原作者
目录
相关文章
|
3月前
|
编解码 移动开发 前端开发
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
21 0
|
4月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
5月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
31 0
|
5月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
22 0
|
6月前
|
JavaScript
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
47 0
|
6月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
前端开发
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
HTML单行、多行超出不换行显示省略号使用Clamp.js兼容IE
128 0
|
JavaScript 前端开发
[vuex] vuex requires a Promise polyfill in this browser. vue2兼容ie
vue-cli 是一个官方推荐的vue项目脚手架,搭建项目就不用那么费劲了。但是搭建好的项目是一般可以ie9的浏览器中打开的(这里指的是vue2)。ie9主要特别蛋疼的地方在于不能使用弹性盒模型。所以一直兼容ie都是从ie10开始进行兼容的。
[vuex] vuex requires a Promise polyfill in this browser. vue2兼容ie
|
JavaScript
单独的html页面做兼容IE
单独的html页面做兼容IE
ie和谷歌添加事件的处理策略
ie和谷歌添加事件的处理策略
47 3