javascript checkbox/radio onchange不能兼容ie8处理办法

javascript checkbox/radio onchange不能兼容ie8处理办法

在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下：

function forIe(){
  if($.browser.msie){ //判断浏览器是否为ie
    $("input[type='checkbox']").click(function(){
      this.blur(); //先失去焦点，执行你的自定义的操作
      this.focus();//再获取焦点，是鼠标还在那个地方，好进行下一步的操作
    })
  }
}

在 相应设置的页面进行引用即可：

$(function(){
    forIe();
  })

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

赞 (0)

相关推荐

  • JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)

    JavaScript获取鼠标移动时的坐标(兼容:IE8.谷歌.Firefox.Opera ),测试通过 直接复制成html文件,即可运行. 为方便大家测试特准备了一份在线演示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

  • javascript checkbox/radio onchange不能兼容ie8处理办法

    javascript checkbox/radio onchange不能兼容ie8处理办法 在ie8下,checkbox的onchange没能实现触发自定义的函数,如何解决该问题,如下: function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点,执行你的自定义的操作 this.focus();//再获取焦点,是

  • jquery的checkbox,radio,select等方法小结

    1.checkbox日常jquery操作. 现在我们以下面的html为例进行checkbox的操作. <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2

  • bootstrap3 兼容IE8浏览器！

    近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可 bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览

  • javascript checkbox全选和反选的简单实现

    javascript checkbox全选和反选的简单实现 发现这样写checkbox全选和反选最简洁明了. function tempUser(val){ $("input[name='userid']").each(function() { this.checked = val; }); } <input type='checkbox' onclick="tempUser(this.checked)" /> <input type='check

  • JavaScript 获取/设置光标位置,兼容Input&&TextArea

    JavaScript 获取/设置光标位置,兼容Input&&TextArea. body { margin: 32px; font-family: Verdana, sans-serif; font-size: 13px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } .input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px

  • Webpack4+Babel7+ES6兼容IE8的实现

    前阵子重构了一个挺有意思的项目,是一个基于浏览器环境的数据采集sdk.公司各个产品的前端页面中都嵌入了这个sdk,用于采集用户的行为数据,上传到公司的大数据平台,为后续的运营决策分析提供数据支撑. 笔者接手这个项目的时候,前任开发者已经把功能都写差不多了.唯一需要做的就是做下模块化拆分和代码规范,以便后续的开发维护.模块化拆分用webpack,代码规范用eslint.既然要重构,那就顺手用es6重写吧.callback也不要了,全换成promise,async.await也用起来,反正怎么爽怎么

  • 关于Vue 3.0引入百度地图不兼容的解决办法

    关于Vue 3.0引入百度地图不兼容的解决办法

    目录 关于Vue 3.0引入百度地图 不兼容的解决办法 1. 问题:Vue 3.0引入百度地图 不兼容 2. 解决办法 3.vue页面 引入并执行 4.完成, 地图如下 关于Vue 3.0引入百度地图 不兼容的解决办法 1. 问题:Vue 3.0引入百度地图 不兼容 百度地图开发平台文档 封装的vue版本暂时还没有 到 vue 3.0 如果 用npm 引入并使用的话,会出现报错 at eval (bindEvent.js?4fab:8) at Array.forEach (<anonymous>

  • LazyForm jQuery plugin 定制您的CheckBox Radio和Select

    LazyForm jQuery plugin 定制您的CheckBox Radio和Select

    在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器. (IE6还是算了吧),其它浏览器还没试过. 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定. 效果截图: 一.在没有使用LazyForm的情况下,在XP下运行截图如下 二.使用LazyForm(皮肤Blue)效果如下三.使用LazyForm(皮肤Black)效果如下四.皮肤Default五.皮肤Graydemo.html代码如下: 复制代码 代码如下: <!DO

  • javascript 学习笔记(onchange等)

    1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听, oninput 可以使用在FF下,但必须使用w3c推荐的addEventListener的方式来绑定事件. http://www.jb51.net/article/25275.htm2. <button></button>也有type属性: 很少用一般使用input标签,今天开发那边使用button说在ff下怎么和提交相同,查手册发现butto

随机推荐