概述
主要有三种实现方式
- 在
<body>属性中添加代码: - 添加
JS绑定 - 在定义了
type=submit按钮标签下,使用@keyup.enter="submit"
具体实现方式：
一、在<body>属性中添加代码
onkeydown="if(event.keyCode===13) document.all.login.click()"
二、添加JS绑定
<script>
$(document).keydown(function(event){
if(event.keyCode==13){
// 其中 login 为登录按钮的 id 属性
// 注 ：id不可重复
document.getElementById("login").click();
}
});
</script>
注意：在使用此方法时，记得提前引用 jQuery
在定义了 type=submit 按钮标签下,使用 @keyup.enter="submit"
For Example:
<button id="login" type="submit" @keyup.enter="submit">登录</button>
在 vue 中， v-on 监听键盘事件时，存在特殊的键盘修饰符
<input v-on:keyup.13="submit">
同时，vue 也可使用常用按键的别名
<input v-on:keyup.enter="submit">
<!--简写-->
<input @keyup.enter="submit">
标签：界面,登录,submit,enter,login,document,event,回车 From： https://www.cnblogs.com/chenzhang0419/p/17658396.html参考链接：
HTML页面实现enter(回车)键自动登录操作