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>
...全文
相关推荐
Javascript KeyCode大全
- **Enter (13)**:回车键,用于提交表单或执行命令。- **Shift_L (16)**:左Shift键,用于输入大写字母或特殊字符。
网页前端登录js按Enter回车键实现登陆的两种方法
用户登录界面通常包含输入框供用户输入用户名和密码,以及一个登录按钮用于提交信息。提高用户体验的一个方法是允许用户在填写完信息后,通过按回车键(Enter键)来触发登录操作,而不是必须点击登录按钮。
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native|vue-50056.pdf
在Vue.js中,监听键盘事件是一项常见的操作,用于响应用户在输入框或其他可聚焦元素上按下特定键的行为。Vue提供了一种简洁的方式来处理这些事件,尤其是对于常见的键盘按键,如回车键。
JS实现Enter键跳转及控件获得焦点
本文主要讲述如何使用JavaScript实现当用户在网页中按下Enter键时,不仅能够触发某个动作(例如提交表单),还能让特定的控件获得焦点。
Enter回车(两种方式)
### 总结综上所述,“Enter回车”的处理不仅涉及JavaScript的事件监听机制,还与HTML表单的交互特性紧密相关。


