IE8的JavaScript点击事件(onclick)不兼容的解决方法


Posted in Javascript onNovember 22, 2013

博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的。

开始代码是这么写的:

var a = document.createElement("a");
a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");");

由于IE8不支持setAttribute方法,这里添加的onclick事件处理程序并未添加上。

后来改为jQuery的attr方法:

$(a).attr("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");");

这样虽然添加上去了,但不管怎么点击,onclick事件处理程序就是不执行,Chrome与Firefox都没这个问题。

最终通过下面的代码解决了问题:

var js = this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");";
a.onclick = function() { eval(js); }
Javascript 相关文章推荐
开发插件的两个方法jquery.fn.extend与jquery.extend
Nov 21 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
JSON键值对序列化和反序列化解析
Jan 24 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
用正则表达式替换图片地址img标签
Nov 22 #Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 #Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 #Javascript
javascript禁用Tab键脚本实例
Nov 22 #Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 #Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 #Javascript
javascript删除option选项的多种方法总结
Nov 22 #Javascript
You might like
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
JS组件Bootstrap Select2使用方法解析
2016/05/30 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
Three.js学习之几何形状
2016/08/01 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
python合并文本文件示例
2014/02/07 Python
讲解Python中fileno()方法的使用
2015/05/24 Python
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
python实现音乐下载器
2018/04/15 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
请解释在new与override的区别
2012/10/29 面试题
一些关于MySql加速和优化的面试题
2014/01/30 面试题
大学考试作弊检讨书
2014/01/30 职场文书
家长学校工作方案
2014/05/07 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js