我有一组3个可编辑的预标签。当某人在其中一条线上并点击'输入'时,我希望它在下面(在文档树中)插入一个新标签,它位于该标签上。我试图在标签上放置一个事件处理程序,以便发生这种情况,但'onkeypress'似乎没有被解雇。用于插入新预标签的JavaScript事件处理程序
<script>
function handlers(){
var pres = document.getElementsByTagName("pre");
for(i=0; i<pres.length;i++){
pres[i].addEventListener("onkeypress", function(e){
if(e.which != 13) return;//the ENTER key
var tag = e.srcElement;
if(tag.nextSibling){
var next = tag.nextSibling;
var newPre = document.createElement('pre');
tag.nextSibling = newPre;
newPre.nextSibling = next;
}
var tree = document.getElementById("tree");
tree.innerHTML = document.getElementByTagName().length;
});
}
}
</script>
<body onload="handlers();">
<div id="editor" contentEditable="true">
<pre>1</pre>
<pre>2</pre>
<pre>3</pre>
</div>
<div>
<p id="tree"></p>
</div>
</body>
哦哎呦我做的蟒蛇的迭代是通过一个数组,而不是通过JS的属性。我相应地修改了它,并添加了正确的事件侦听器,但仍然没有看到任何东西 – Chris 2012-01-07 02:54:51
@Chris addEventListener采用不带'on'前缀的事件类型。例如'pres [i] .addEventListener(“keypress”,function(e){' – Shad 2012-01-07 03:00:34
)哦,他们只是偷偷摸摸地对着你。好吧,现在很好,我在函数的开头部分提醒一下,看它是否得到 – Chris 2012-01-07 03:42:37