惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Vercel News
Vercel News
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
雷峰网
雷峰网
有赞技术团队
有赞技术团队
罗磊的独立博客
博客园 - 叶小钗
Jina AI
Jina AI
博客园 - 司徒正美
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
T
Tailwind CSS Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
Apple Machine Learning Research
Apple Machine Learning Research
阮一峰的网络日志
阮一峰的网络日志
Microsoft Security Blog
Microsoft Security Blog
大猫的无限游戏
大猫的无限游戏
量子位
MyScale Blog
MyScale Blog
V
Visual Studio Blog
博客园 - 聂微东
The Cloudflare Blog
Engineering at Meta
Engineering at Meta
小众软件
小众软件
宝玉的分享
宝玉的分享

博客园 - joanjett

判断页面是否载入完成 图片文字居中显示 javascript表但只让输入数字 js事件绑定 js循环表单类型并获取类型属性 jsp 读写 session 数据库设计注意 js杂七杂八 style应用 test 方法 怎样使用游标 javascript事件列表解说【转载】 sql语句 表单input一些属性 JavaScript截取字符串 白菜花 友情链接 jsp web 我的域名终于申请成功了!(myarea.cn)
为自己的表单网页添加快捷键
joanjett · 2006-03-10 · via 博客园 - joanjett

对于一般的网页,快捷键也许是没有必要的,但是如果是要经常填写表单的网页,或者是OA系统添加快捷键是非常有用的,可以提高录入的效率。
的一种方法:
直接设置“accesskey”的值。
例如:

代码:

<INPUT TYPE="text" NAME="text" accesskey="a">

Alt+A就可以看到焦点移到了上边的输入框上了。
第二种方法:
用<Label>
<Label>标识有两个属性,一个是FOR,一个是ACCESSKEY。FOR的意思是,这个Lable是为哪个元件服务的?而ACCESSKEY则定义了访问这个元件的热键。
例如:
经常来这里(H
代码:

<input type="CHECKBOX" id="check3" value="often" name="checkoften"> <label for="check3" ACCESSKEY="H">经常来这里(<U>H</U>)</label>

Alt+H就可以看到焦点移到了上边的输入框上了。而且如果点“经常来这里”焦点会直接移到输入框上。
注意:label 的for属性所指的是表单的id,而不是name
第三种方法:
用javascript接收键盘的”onkeydown“事件
代码:

<SCRIPT LANGUAGE="JavaScript">
<!--
function ctlent() {
if((event.altKey && event.keyCode == 83)) {//在这里接收的是Alt+S事件,S的ASCII码为83。
document.getElementById("text").focus() //焦点将移到id为"text"的对象上。
}
}
document.onkeydown = ctlent 
//-->
</SCRIPT>

例如:
jett write in 2006.03