HTML页面实现enter(回车)键自动登录操作

您所在的位置:网站首页 电脑上的打印按钮怎么用不了 HTML页面实现enter(回车)键自动登录操作

HTML页面实现enter(回车)键自动登录操作

#HTML页面实现enter(回车)键自动登录操作| 来源: 网络整理| 查看: 265

方法一 :

在属性中添加如下代码:

onkeydown="if(event.keyCode===13) document.all.login.click()"

注:【login】:登录按钮 id属性     (如若不行,原因可能是版本问题请尝试以下其他方式)

方法二 :

添加JS绑定,【login】为登录按钮id属性

$(document).keydown(function(event){ if(event.keyCode==13){ document.getElementById("login").click(); } }); 方法三: 在定义了 type=submit 按钮标签下,使用 @keyup.enter="submit" 

@keyup  : 按键抬起   @keydown  : 按键按下

例如:

注册 vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: vue还可以通过常用按键的别名 附录(一): 全部的键盘别名: .enter .tab .delete (捕获 “删除” 和 “退格” 键) .esc .space .up .down .left .right 一些组合按键: .ctrl .alt .shift .meta //window系统下是window键,mac下是command键

Alt + C :

Ctrl + Click :

按钮

注:若用了封装组件,例如element,需在使用按键修饰符时添加 .native    例如:

附录(二): 常用按键对应的数字值(Unicode 编码) 数字值实际键值48到570到965到90a到z(A到Z)112到135F1到F248BackSpace(退格)9Tab13Enter(回车)20Caps_Lock(大写锁定)32Space(空格键)37Left(左箭头)38Up(上箭头)39Right(右箭头)40Down(下箭头)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3