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.validate分组验证代码
Mar 17 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
jQuery监听文件上传实现进度条效果的方法
Oct 16 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
react 组件传值的三种方法
Jun 03 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
用正则表达式替换图片地址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自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
鼠标经过的文本框textbox变色
2009/05/21 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
js简单时间比较的方法
2016/08/02 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
安装python3.7编译器后如何正确安装opnecv的方法详解
2020/06/16 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
2014年毕业演讲稿范文
2014/05/13 职场文书
户籍证明格式
2014/09/15 职场文书
自查自纠工作总结
2014/10/15 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
晚会开幕词范文
2016/03/04 职场文书
600字作文之感受大自然
2019/11/27 职场文书
nginx lua 操作 mysql
2022/05/15 Servers
基于Python实现nc批量转tif格式
2022/08/14 Python