IE下Checkbox标签的onchange事件兼容

Checkbox onchange事件在谷歌上ok，在ie8上不起作用了。

一番周折,测试发现勾选了以后还要点击其他位置才会触发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来捕获。

IE 6 / 7 / 8 下 checkbox 不会触发 onchange 事件，不管选中还是未选中。

所以你应该使用 onclick。

时间： 2024-07-30 05:27:59

IE下Checkbox标签的onchange事件兼容的相关文章

关于下拉框的onchange事件和onclick选择value值。

下拉框的onchange事件和onclick,一般最好都选择onchange事件,onclick可能会不兼容有些浏览器. 下面是代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择</title> <script src="js/lib/jquery/v1.12.3/jquery-1.

JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件像这样的 a标签包着img标签的时候在ie下点击图片位置的时候 click事件不会触发解决方式是把a标签改成div <div> <img

var EventUtil = { //事件监听 addHandler: function( element, type, handler ) { if ( element.addEventListener ) { element.addEventListener(type, handler, false); } else if ( element.attachEvent ) { element.attachEvent("on" + type, handler); } else { e

checkbox onchange 事件 ie 下不能及时触发

if(templatejquery.browser.msie){ ckb.onpropertychange=function() { UpdateEnableState(current_checklist_ID);} }else{ ckb.onchange=function() { UpdateEnableState(current_checklist_ID);

IE下onchange事件不立即执行

做前端开发免不了为浏览器的兼容而劳神,所以坚持把发现的浏览器兼容问题做做总结,是很有意义的. 比如IE8及以下的浏览器的onchange事件实在该控件失去焦点之后才执行的,也就是要点一下空白的地方,才能执行.解决办法很简单,改成onclick事件就好了. 来看个例子: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title

HTML checkbox 之 onclick事件与onchange事件

在非IE浏览器下,onclick事件与onchange会同时触发,也就是onclick一定会改变check的状态在IE浏览器下,在点击多次时,onclick事件与onchange不会同时触发,也就是onclick事件触发之后,有一定的几率不会触发onchange事件,即不会改变check的状态,导致一些莫名其妙的错误. 建议在使用checkbox的事件的时候,尽量避免用onclick事件.

Firefox下代码触发a标签的click事件无效

通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签的click事件请求后台,在Chrome浏览器中请求正常,但是在Firefox中始终无效,debugger发现代码也走到了a.click()方法,但是就是没反应.代码如下: $.ajax({ url: Config.ApiUrl + "TZTZ/DowloadFile", type: &q

在IE浏览器下, 使用jQuery为A标签添加单击事件

ssp项目整体都是在chrome浏览器下调试的, 没有任何问题,然而,在IE上调试出现了问题.点击tab页签,弹出了一个新的浏览器页面.如下图点击基础信息,广告监测,广告投放三个tab页,在它们之间来回切换.这是我要达到的效果.在chrome上如愿以偿,然而在IE上,去意外的弹出了一个新的页面.虽然tab页间的切换效果也实现了.但这样,给客户的体验不好, 本显然就是个bug. 找了半天,原来是jquery的click事件在捣鬼.我在页面上写了一个简单的jquery单击事件. 页面有一个a标签,