Web程序中实现快捷键有两种方法

toyota2006

浏览: 552361 次
性别:
来自: 石家庄

最近访客更多访客>>

zz7833630

thedarkexile

ge_ren1_ce1

rijin

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

其它

Web IE VB Delphi Firefox

最近yahoo的邮箱推出了新的测试版，增加了不少很酷的功能，其中的快捷键定义就很方便
用户的使用，俺不知道yahoo究竟是用啥技术实践的，不过俺也知道两种挺简单的方法可以实现网页上的快捷键（如下）

1: 快速定位：可以直接在accesskey属性中设置,设置的快捷键为Alt+设置的key,也可以动态设置，代码如下

<a href="http://toyota2006.iteye.com">toyota's博客</a><br>

注意：accesskey的优先级是最高点，可以屏蔽掉浏览器的快捷键。但是在没有这种的accesskey的网页上你按下alt+H是什么结果呢？可以看到的是“帮助”啊！自己站上的东西千万不要和IE等的工具冲突。这里列举一下默认&组合：
IE: A(favorites) D(address) E(edit) F(file) H(help) T(tools) V(view)
FireFox：B(bookmark) D(address) E(edit) F(file) G(goto) H(help) T(tools) V(view)

2: 事件处理，
例：按a键时转向到http://toyota2006.iteye.com

<html>   
<head> 
<title> </title> 
<SCRIPT language="javascript"> 
var hotkey=97   //设置快捷键为a 
var destination="http://toyota2006.iteye.com" 
if (document.layers) 
document.captureEvents(Event.KEYPRESS)  
function backhome(e){ 
if (document.layers){ 
if (e.which==hotkey) 
window.location=destination 
} 
else if (document.all){ 
if (event.keyCode==hotkey) 
window.location=destination 
}} 
document.onkeypress=backhome 
</SCRIPT>   
</head> 
 
<body onload="backhome()"> 
</body> 

</html>

分享到：

Java基础－－用泛型设计DAO | Webwork 2.2.2新增的ww:date的用法

2006-10-19 10:07
浏览 4118
评论(3)
论坛回复 / 浏览 (3 / 5387)
查看更多

3 楼 limingsky 2006-10-19

用accesskey属性，对于submit按纽倒是可以进行表单的提交！其他的一些普通的button,input只能获取焦点，<a>连接也只能获取焦点，还没有办法进行自动跳转！只能用js实现！

2 楼 baizhan 2006-10-19

好主义...呵呵..有空也要试试..

1 楼 LucasLee 2006-10-19

不错。不过在VB,Delphi等教程中，使用ALT的组合键应叫做加速键，而不是快捷键(一般使用CTL的组合键)，虽然不错，也表明了HTML的二等公民地位...

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论