ie8 checkbox onchange失效

IE下onchange事件不立即执行

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

ie8下trim失效

1.ie8下使用trim失效 trim可以除去字符串两侧的空白字符,但ie8并不支持 2.解决方案 String.prototype.trim = function () { return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ); }

ie8 下margin-top失效的小案例

一个小案例,是关于IE8下的margin-top的失效问题,巨日代码如下: 正常的chrome浏览器下的显示如下: margin-top=10px,正常显示但是在ie8下,最终样式如下: margin-top已经不翼而飞. 这类问题的具体原因,不太清楚,等待后续的学习. 具体的改善措施,就是:给父级元素wrap添加display:inline-block; 就解决了.

IE8下载按钮失效

<input id="Button1" class="btn-lg-gary" type="button" onclick="javascript: window.location.href = 'http://dianxin.go-goal.cn/Products/Go-Goal_setup.exe'" value="获取验证码" /> 关键是 javascript:

IE下Checkbox标签的onchange事件兼容

Checkbox onchange事件在谷歌上ok,在ie8上不起作用了. 一番周折,测试发现勾选了以后还要点击其他位置才会触发onchange事件. 用度娘查询了一下. 有下面两种解决方式: 用onclick事件代替 1.<input type=checkbox onclick="alert(this.value)" value=huerreson> 用onpropertychange事件代替2.<input type=checkbox onpropertychan

IE8 focus 失效解决方案

这几天遇到两个在IE8下focus失效的非常奇怪的问题,当然这个是指JS函数: document.getElementById("id").focus(); 或者 $("#id").focus(); 问题一: 楼主的页面是在ifram中,点击ifram中的保存按钮后,会重定向到这个页面,并且在domcument.ready()中会将焦点给予第一个文本框.但奇怪的是,第一次打开这个页面是没有问题的,等点击保存重定向这个页面后,在IE8低版本(ie8 8.0.7600.

IE8下调用Active控件

之前在IE6下运行正常的Active控件,浏览器升级到IE8后全部失效,并呈浏览器崩溃状. 网上搜了一圈得到如下解决方法: 1.设置信任站点 2.还需要在IE浏览器菜单 “工具>Internet选型>高级> 取消选中“启用内存保护帮助以减少联机攻击”项目. 取消勾选的批处理命令为: Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main]"

bootstrap的栅格布局不支持IE8该如何解决

用bootstrap的栅格布局在IE8上出现失效的情况,通常有两种解决方式方法/步骤方法一:引用第三方js,一个叫respond.js的东西,github上可以搜到方法二:由于IE8不支持媒体查询,所以对应不同分辨率的样式失效了,所以解决方法也很简单,都用col-xs的列布局来实现就好了.

【IE】trim()方法失效

今天用了$.ajax异步提交,结果在ie8里面报错了,说不支持此对象,找了半天没找到什么问题. 后来发现是我data里面的参数传递,里面有个参数用到了trim()方法,这个方法在ie8里面是失效的. 换成$trim(str)就可以了. 如下: "periodName":$("#period").find('option:selected').text().trim(),"buyType":$("#type").text().t

React中 checkbox 与 label 标签的搭配

用<label>标签替代checkbox的点击样子,点击<label>实际上就是点击checkbox checkbox的checked值会跟着一起变 <input type="checkbox" style={{display:'none'}} id={"checkbox"} onChange={this.handlerChange.bind(this)}></input> <label htmlFor={&qu

jQuery判断checkbox是否选中的4种方法

方法一: ).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法三: if ($('#checkbox-id').attr('checked')) { // do something }方法4:<input type="checkbox" onchange="check(this);" value="" c

ReactJS入门（一）—— 初步认识React

React刚开始红的时候,由于对其不甚了解,觉得JSX的写法略非主流,故一直没打算将其应用在项目上,随着身边大神们的科普,才后知后觉是个好东西. 好在哪里呢?个人拙见,有俩点: 1. 虚拟DOM —— 在DOM树的状态需要发生变化时,虚拟DOM机制会将同一Event loop前后的DOM树进行对比(自然通过一系列高效的算法),如果俩个DOM树存在不一样的地方,那么React仅仅会针对这些不一样的区域(DOM diff)来进行响应的DOM修改,从而实现最高效的DOM操作和渲染. 如下图,我们修改了

HTML5 智能表单

HTML5 智能表单 1.表单新增属性 ☀ autofocus 属性 <input type="text" autofocus/>设置 autofocus 属性,使文本框自动获得焦点注意:一个页面中最多只能有一个表单元素设置该属性,否则功能将失效,建议对第一个input元素设置autofocus属性. ☀ formaction 属性 <input type="submit" formaction="处理逻辑">&l

HTML5智能表单

HTML5 智能表单 1.表单新增属性 ☀ autofocus 属性 <input type="text" autofocus/>设置 autofocus 属性,使文本框自动获得焦点注意:一个页面中最多只能有一个表单元素设置该属性,否则功能将失效,建议对第一个input元素设置autofocus属性. ☀ formaction 属性 <input type="submit" formaction="处理逻辑">&l

【JS】实用/常用函数/Function方法

1.获取日月时分秒 //获取月日 getMonth=(time)=>{ var date = new Date(time) <?):(date.getMonth()+) ?'+date.getDate():date.getDate() return month+'-'+date } //获取时分秒 getTime=(time)=>{ var date = new Date(time) ?'+date.getHours():date.getHours() ?'+date.getMinu

MVC树控件,mvc中应用treeview，实现复选框树的多层级表单控件

类似于多层级的角色与权限控制功能,用MVC实现MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件.最近我们的项目中需要用到树型菜单,以前使用WebForm时,树型菜单有微软提供的控件,非常方便,但现在需要在asp.netmvc中使用树形菜单,先说明下我们对树形菜单的需求: 1,支持CheckBox,允许对菜单项进行选择: 2,当选择父菜单时,它下面的子菜单全部选中: 3,当取消父菜单的选中状态时,下面的子菜单也全部取消: 4,比较方便的与MVC结合: 5,能够初始化选中状态

初探React，将我们的View标签化

前言我之前喜欢玩一款游戏:全民飞机大战,而且有点痴迷其中,如果你想站在游戏的第一阶梯,便需要不断的练技术练装备,但是腾讯的游戏一般而言是有点恶心的,他会不断的出新飞机.新装备.新宠物,所以,很多时候你一个飞机以及装备还没满级,新的装备就又出来了,并且一定是更强! 于是很多人便直接抛弃当前的飞机与装备,追求更好的,这个时候如果是人民币玩家或者骨灰级大神玩家的话,基本可以很快站在世界的顶端,一者是装备好,一者是技术好,但是我不愿意投入太多钱,也不愿意投入过多精力,于是在一套极品装备满级后会积累资源

关于 IE6、 IE7兼容性总结（转）

其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了.解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值.这点很重要,在高

ie6,ie7兼容性总结（转）

其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了.解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值.这点很重要,在高

ie6,ie7兼容性总结

摘自: http://www.cnblogs.com/li0803/archive/2009/08/22/1552094.html 其实浏览器的不兼容,我们往往是各个浏览器对于一些标准的定义不一致导致的,因此,我们可以进行一些初始化,很多问题都很轻松解决. 下面是14条特殊情况仅供参考: 1. 文字本身的大小不兼容.同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera

ie8 checkbox onchange失效

热门专题