IE8的JavaScript点击事件(onclick)不兼容的解决方法_javascript技巧
程序员文章站
2022-04-19 12:50:44
...
博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的。
var a = document.createElement("a");
a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");");
由于IE8不支持setAttribute方法,这里添加的onclick事件处理程序并未添加上。
$(a).attr("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");");
var js = this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent(" + pageIndex + ");";
a.onclick = function() { eval(js); }
开始代码是这么写的:
复制代码 代码如下:
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的for循环中嵌套一个点击事件的问题解决方法
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧
-
A标签触发onclick事件而不跳转的多种解决方法_javascript技巧
-
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
IE8中使用javascript动态加载CSS的解决方法_javascript技巧
-
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结_javascript技巧
-
兼容IE与firefox火狐的回车事件(js与jquery)_javascript技巧