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

 更新时间:2013年11月22日 15:25:41   作者:  
这篇文章主要介绍了IE8的JavaScript点击事件(onclick)不兼容的解决方法,大家参考使用吧

博客园闪存分页是用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); }

相关文章

  • 网页右下角弹出窗体实现代码

    网页右下角弹出窗体实现代码

    右下角弹出窗体的效果在浏览网页的时候会遇到,那么它是怎么实现的呢?本文有个不错的示例,大家可以参考下
    2014-06-06
  • 微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】

    微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】

    这篇文章主要介绍了微信小程序实现发送模板消息功能,结合实例形式分析了微信小程序实现通过openid推送消息给用户相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • 原生JS实现特效留言框

    原生JS实现特效留言框

    这篇文章主要为大家详细介绍了原生JS实现特效留言框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 详解TS对象扩展运算符和rest运算符

    详解TS对象扩展运算符和rest运算符

    这篇文章主要介绍了详解TS对象扩展运算符和rest运算符,对TypeScript感兴趣的同学,可以参考下
    2021-05-05
  • 兼容FF/IE跟随鼠标的层的效果

    兼容FF/IE跟随鼠标的层的效果

    兼容FF/IE跟随鼠标的层的效果...
    2007-08-08
  • TypeScript 中如何限制对象键名的取值范围

    TypeScript 中如何限制对象键名的取值范围

    TypeScript由微软开发的自由和开源的编程语言,是一种给 JavaScript 添加特性的语言扩展,接下来通过本文给大家介绍TypeScript 中如何限制对象键名的取值范围,感兴趣的朋友跟随小编一起看看吧
    2021-05-05
  • JavaScript 数组去重详解

    JavaScript 数组去重详解

    下面小编就为大家带来一篇JavaScript数组去重的几方法推荐。小编觉得听错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看
    2021-09-09
  • JS触摸事件、手势事件详解

    JS触摸事件、手势事件详解

    本篇文章主要介绍了JS触摸事件、手势事件详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JavaScript中对象的不同创建方法

    JavaScript中对象的不同创建方法

    js对象与一般的面向对象的程序设计语言有所不同的。js中的对象是基本原型的。下面给大家介绍js中对象的不同创建方法,非常不错,感兴趣的朋友一起学习吧
    2016-08-08
  • JavaScript实现元素吸顶的方法详解

    JavaScript实现元素吸顶的方法详解

    页面内的tab导航需要在滚动到视口顶部的时候进行吸顶,这个功能算是比较常见,也比较容易实现,下面就跟随小编一起学习一下JavaScript是如何实现元素吸顶效果的吧
    2023-10-10

最新评论