JS 网页快捷键设置

最新推荐文章于 2024-11-07 13:38:59 发布

weixin_34336526

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量151

点赞数

文章标签： javascript ViewUI

我们希望能用快捷键代替鼠标点击做一些事情，例如一个典型的应用就是论坛上常用的Ctrl + Enter 快捷发帖子。就以Ctrl+Enter快捷发帖子为例，实质上呢，就是通过JS脚本，捕获系统的onkeyup事件，判断event.ctrlKey是否为true并且event.keyCode为13，如果满足这个条件，那么就调用按钮对象的click()方法，等同于用鼠标去点击按钮。写个简单的示例代码：

<html>

<head>

   <title> <font style='color:blue; background-color:yellow;'>快捷键</font>提交示例代码 </title>
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
   <meta name="author" content="宝玉" />

function fnKeyup(event)
{
var b = document.getElementById("myButton");
Hotkey(event, b, true, false, false, 13);
}

// 捕获系统的Keyup事件
// 如果是Mozilla系列浏览器
if (document.addEventListener)
document.addEventListener("keyup",fnKeyup,true);
else
document.attachEvent("onkeyup",fnKeyup);

//-->
</script>
</head>

<body>
<form method="get" action="no.aspx">
<input type="submit" id="myButton"/>
Ctrl + Enter
</form>

</body>
</html>

出处：http://hi.baidu.com/cty901/blog/item/bb293d4e4cfe2e11b2de0559.html