Javascript 按 enter 跳转前为什么还会加一个回车

weixin_40506575 weixin_40506575 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
已经阻止默认行为,为什么按 enter 键后会先添加回车,然后再跳转到下一个 pre 标签。

<script>
window.onload=function keycode() {
focusfirst();
var oTargetGroup =document.getElementsByClassName("target");
for (var i=0; i<oTargetGroup.length;i++) {
oTargetGroup[i].onkeyup = function (e) {
var e = e||event;
var NextTarget=this.nextElementSibling.nextElementSibling.nextElementSibling;
if (e.keyCode==13) {
e.preventDefault();

NextTarget.focus();
return false;

}

}

}
}
function focusfirst() {
var oFirst= document.getElementById("firsttarget");
oFirst.focus();
}

</script>
</head>
<body>
<h1>文本编辑器</h1>
<hr />

<div class="mainpanel">
<pre class="source">Text 1</pre>
<pre class="status"></pre>
<pre id="firsttarget" class="target" contenteditable ></pre>
<pre class="source">Text 2</pre>
<pre class="status"></pre>
<pre class="target" contenteditable ></pre>
<pre class="source">Text 2</pre>
<pre class="status"></pre>
<pre class="target" contenteditable ></pre>
</div>

</body>
</html>


...全文

相关推荐

评论 7
收藏 已收藏
分享
返回顶部
weixin_40506575
JavaScript 87,984 成员 224,681 内容