测试代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var topHTML = "<input id='but' type='button' value='提交' onclick='alert(1);' />";
$("body").append(topHTML);
});
$(function(){
$("input").removeAttr('onclick');
});
</script>
</head>
<body>
</body>
</html>
这段代码在Chrome下执行是没有问题的，在IE8下执行通过查看源代码onclick属性确实是去掉了，但是点击按钮还是会响应单击事件。（IE8的版本是8.0.7601.17514）
发现这个问题的时候尝试了很多方法都没有解决，在不经意间执行了2次removeAttr发现问题解决了。
虽然现在还不知道出现这个问题跟解决这个问题的原理，还是想将这个解决方法分享下，也希望有知道为什么的朋友可以解我这个疑惑。
解决以后的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var topHTML = "<input id='but' type='button' value='提交' onclick='alert(1);' />";
$("body").append(topHTML);
});
$(function(){
$("input").removeAttr('onclick');
$("input").removeAttr('onclick');
});
</script>
</head>
<body>
</body>
</html>
分享到：
相关推荐
这个实例清晰地展示了`attr`和`removeAttr`方法在实际操作中的用法，对于理解如何在jQuery中处理元素属性非常有帮助。 总结来说，`attr`和`removeAttr`是jQuery中用于管理HTML元素属性的重要工具。`attr`用于设置、...
这里给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。 要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性 jQuery...
本文实例讲述了jQuery中removeAttr()方法用法。分享给大家供大家参考。具体分析如下： 此方法从匹配元素中移除相应的属性。 语法结构: 代码如下:$(selector).removeAttr(attribute) 参数列表: 参数 描述 ...
在这些API中，attr和removeAttr方法用于获取和移除元素的属性，是需要掌握的两个基本操作。 首先，我们来探讨attr方法。attr方法在jQuery中有几种不同的用法，它们分别适用于不同的场景： 1. attr(name): 此方法...
由于早期的Internet Explorer（IE）浏览器版本存在许多兼容性问题，jQuery提供了解决这些问题的方法，使得开发者在面对IE低版本时也能顺利进行网页开发。本测试代码集就是针对这一需求而准备的。 jQuery的核心特性...
本文较为详细的分析了jQuery源码解读之removeAttr()方法。分享给大家供大家参考。具体分析如下： 扩展jQuery原型对象的方法： 代码如下:jQuery.fn.extend({ //name，传入要DOM元素要移除的属性名。 removeAttr: ...
总结来说，.attr()和.removeAttr()是jQuery操作DOM元素属性的两个重要方法，前者用来获取和设置属性值，后者用于删除属性。它们简化了对DOM的操作，使开发者能够更加专注于页面逻辑和用户体验的设计。对于初学者来说...
然而，这种方法在IE8中可能不适用。IE8可能需要使用以下方式来显示元素： ```javascript $("#a").removeAttr("style"); ``` 而隐藏元素依然使用： ```javascript $("#a").attr("style", "display:none"); ``` 对于...
在IE8及以下版本的浏览器中，由于对某些HTML元素和事件处理的兼容性问题，开发者经常遇到一些棘手的挑战。本问题聚焦于`<label>`标签与`<input type="checkbox">`（以下简称checkbox）结合使用时，点击`<label>`标签...
在某些情况下，如果`onclick`属性已经包含了JavaScript代码，你可能需要先清理这个属性，然后再使用`on`方法添加新的事件处理函数： ```javascript $("#prebt").attr("onclick", ""); // 清理onclick属性 $("#prebt...
标题中提到的关键知识点是关于layui框架中select和radio组件设置不生效的问题及其解决方法。layui是一个前端UI框架，它提供了丰富且美观的界面组件。然而，在使用这些组件时可能会遇到一些问题，比如组件的样式或...
#9719：修复IE6中removeAttr('disabled')不能改变输入框颜色的问题。 #9979：修复.prop(‘tabIndex’) 可能返回错误结果的问题。 #9980：为IE6/7简化attr代码。 Build #9988：修改jQuery compressed版本的License ...
jQuery 文档操作方法详解 jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数，用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构，提高开发效率和代码质量。本文将对 ...
然而，实践证明，这种方法可能并不奏效，因为即使禁用了`enforceFocus`，Select2的input仍然无法获取焦点。因此，通常推荐使用第一种方法。 总结来说，当Bootstrap模态框和Select2插件同时使用时，若遇到input无法...