JavaScript是否可以在不破坏子体事件侦听器的情况下附加到innerHTML？
在以下示例代码中，我将onclick事件处理程序附加到包含文本“ foo”的范围。该处理程序是一个匿名函数，会弹出一个alert()。
但是，如果我将其分配给父节点的innerHTML，则此onclick事件处理程序将被销毁-单击“ foo”将无法弹出警报框。
这个可以解决吗？
<html>
<head>
<script type="text/javascript">
function start () {
myspan = document.getElementById("myspan");
myspan.onclick = function() { alert ("hi"); };
mydiv = document.getElementById("mydiv");
mydiv.innerHTML += "bar";
}
</script>
</head>
<body onload="start()">
<div id="mydiv" style="border: solid red 2px">
<span id="myspan">foo</span>
</div>
</body>
</html>
问题答案：
不幸的是，innerHTML即使您尝试附加，分配给也会导致所有子元素的破坏。如果要保留子节点（及其事件处理程序），则需要使用DOM函数：
function start() {
var myspan = document.getElementById("myspan");
myspan.onclick = function() { alert ("hi"); };
var mydiv = document.getElementById("mydiv");
mydiv.appendChild(document.createTextNode("bar"));
}
function start() {
var myspan = document.getElementById("myspan");
myspan.onclick = function() { alert ("hi"); };
var mydiv = document.getElementById("mydiv");
var newcontent = document.createElement('div');
newcontent.innerHTML = "bar";
while (newcontent.firstChild) {
mydiv.appendChild(newcontent.firstChild);
}
}
-
问题内容： 在以下示例代码中，我将事件处理程序附加到包含文本“foo”的范围。该处理程序是一个匿名函数，会弹出一个。 但是，如果我将其分配给父节点的，则此事件处理程序将被销毁-单击“ foo”将无法弹出警报框。 这个可以解决吗？ 问题答案： 不幸的是，即使您尝试附加，分配给也会导致所有子元素的破坏。如果要保留子节点（及其事件处理程序），则需要使用DOM函数： 编辑： 鲍勃的解决方案，从评论。发表您
-
问题内容： 我正在使用一个查看器，该查看器使用JList来显示文档页面的缩略图。用户可以通过在JList中选择页面或通过其他机制（例如在文本框中输入数字）来选择页面。 当使用后一种替代方法时，我希望JList也选择页面。我使用setSelectedIndex（）进行此操作，但是这触发了一个事件，该事件导致再次加载页面，就像用户单击并选择了JList中的页面一样，这给我带来了一些问题。 在我看来，应
-
问题内容： 这是我的问题：是否可以通过某种方式检查是否存在动态附加的事件侦听器？或者如何检查DOM中“onclick”（？）属性的状态？但是没有运气。这是我的html： 然后在Javascript中，将动态创建的事件侦听器附加到第二个链接： 该代码运行良好，但是我所有检测该附加侦听器的尝试均失败： 如果单击“为2添加onclick”，然后单击“[链接2]”，则事件触发良好，但“测试链接2”始终报告
-
我最近通过从源代码编译在CentOS机器上安装了Python 2.7.3。Python 2.7.3安装在/opt/python2.7上，当我安装它时，我只需更改/usr/bin/Python以指向新版本。这显然是错误的，因为当我这样做的时候，它打破了百胜。我会得到以下内容。 我更改了/usr/bin/python以指向python 2.6.6，但现在2.6.6是python的默认版本。你知道怎么解
-
问题内容： 是否可以在jQuery中创建可以绑定到任何样式更改的事件侦听器？例如，如果我想在元素更改尺寸或对style属性进行任何其他更改时“执行”操作，则可以执行以下操作： 这将非常有用。 有任何想法吗？ 更新 很抱歉自己回答这个问题，但是我写了一个可能适合其他人的简洁解决方案： 这将临时覆盖内部prototype.css方法，并在最后使用触发器重新定义它。所以它是这样的： 问题答案： 由于jQ
-
问题内容： 我处理非常大的二进制文件（每个文件从几个GB到多个TB）。这些文件以旧格式存在，并且升级需要将标头写入文件的FRONT。我可以创建一个新文件并重写数据，但是有时这可能需要很长时间。我想知道是否有更快的方法来完成此升级。该平台仅限于Linux，我愿意使用低级功能（ASM，C，C ++）/文件系统技巧来实现这一目标。基本库是Java，JNI是完全可以接受的。 问题答案： 没有本机执行此操作