8.7w+
社区成员
Javascript 按 enter 跳转前为什么还会加一个回车
已经阻止默认行为，为什么按 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>
...全文
请发表友善的回复…
发表回复
M51921 2018-06-30
- 打赏
- 举报
按下执行失去焦点事件试试
Logerlink 2018-06-21
- 打赏
- 举报
keyup 是按下键盘离开的事件，此时键盘上的字符还是会输到文本框的
keydown 是按下键盘就执行了的
keydown 是按下键盘就执行了的
灰灰_世界 2018-06-20
- 打赏
- 举报
加个
就可以了
if(e.preventDefault){
e.preventDefault()
}else{
e.returnVlaue= false;
}
就可以了
灰灰_世界 2018-06-20
- 打赏
- 举报
加个
if(e.preventDefault){
e.preventDefault()
}else{
e.returnVlaue= false;
}
就可以了
if(e.preventDefault){
e.preventDefault()
}else{
e.returnVlaue= false;
}
就可以了
weixin_40506575 2018-06-14
- 打赏
- 举报
改成 keydown 就没问题了，谢谢
weixin_40506575 2018-06-14
- 打赏
- 举报
要如何解决呢？
functionsub 2018-06-14
- 打赏
- 举报
因为keydown的时候就已经插进去了。