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 相关文章推荐
Javascript 各浏览器的 Javascript 效率对比
Jan 23 Javascript
js使用eval解析json实例与注意事项分享
Jan 18 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
移动端js图片查看器
Nov 17 Javascript
详解javascript常用工具类的封装
Jan 30 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
Vue中使用better-scroll实现轮播图组件
Mar 07 Javascript
JavaScript命令模式原理与用法实例详解
Mar 10 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
php防注
2007/01/15 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
angular4中引入echarts的方法示例
2019/01/29 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
JS实现横向轮播图(初级版)
2020/06/24 Javascript
JS实现多选框的操作
2020/06/24 Javascript
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
python给list排序的简单方法
2020/12/10 Python
Django自带的用户验证系统实现
2020/12/18 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
HTML5计时器小例子
2013/10/15 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
丑小鸭教学反思
2014/02/03 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
小学一年级语文教学反思
2016/03/03 职场文书
如何写好闭幕词
2019/04/02 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript
Mysql中有关Datetime和Timestamp的使用总结
2021/12/06 MySQL