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 相关文章推荐
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
js操作滚动条事件实例
Jan 29 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
基于vue配置axios的方法步骤
Nov 09 Javascript
JS改变页面颜色源码分享
Feb 24 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
JavaScript+HTML实现学生信息管理系统
Apr 20 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 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
PHP rawurlencode与urlencode函数的深入分析
2013/06/08 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python实现程序的单一实例用法分析
2015/06/03 Python
在Python的Django框架中包装视图函数
2015/07/20 Python
对python中return和print的一些理解
2017/08/18 Python
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2018/03/15 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
参观监狱心得体会
2014/01/02 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
职务说明书范文
2014/05/07 职场文书
庆国庆活动总结
2014/08/28 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python