HTML页⾯实现enter(回车)键⾃动登录操作⽅法⼀ :
在<body>属性中添加如下代码:
onkeydown="if(event.keyCode===13) document.all.login.click()"
注:【login】:登录按钮 id属性 (如若不⾏,原因可能是版本问题请尝试以下其他⽅式)
⽅法⼆ :
添加JS绑定,【login】为登录按钮id属性
<script>
$(document).keydown(function(event){
if(event.keyCode==13){
}
});
</script>
⽅法三:
在定义了type=submit按钮标签下,使⽤@="submit"
@keyup : 按键抬起 @keydown :按键按下
例如:
<button id="reg" type="submit" class="btn btn-primary btn-block btn-flat" @="submit">注册</button>
vue运⾏为v-on在监听键盘事件时,添加了特殊的键盘修饰符:
<input v-on:keyup.13="submit">
vue还可以通过常⽤按键的别名
<input ="submit">
<input @="submit">
附录(⼀):
全部的键盘别名:
.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.
right
⼀些组合按键:
.ctrl
.alt
.shift
.meta //window系统下是window键,mac下是command键
Alt + C :
<input @keyup.alt.67="doSth">
Ctrl + Click :
<div @l="doSth">按钮</div>
注:若⽤了封装组件,例如element,需在使⽤按键修饰符时添加 .native 例如:
<el-input v-model="account" placeholder="请输⼊账号" @native="search()"></el-input>附录(⼆):
常⽤按键对应的数字值(Unicode 编码)
数字值实际键值
48到570到9
htmlbutton属性65到90a到z(A到Z)
112到135F1到F24
8BackSpace(退格)
9Tab
13Enter(回车)
20Caps_Lock(⼤写锁定)32Space(空格键)
37Left(左箭头)
38Up(上箭头)
39Right(右箭头)
40Down(下箭头)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论