JS 网页快捷键设置

咱们但愿能用快捷键代替鼠标点击作一些事情,例如一个典型的应用就是论坛上经常使用的Ctrl + Enter 快捷发帖子。就以Ctrl+Enter快捷发帖子为例,实质上呢,就是经过JS脚本,捕获系统的onkeyup事件,判断event.ctrlKey是否为true而且event.keyCode为13,若是知足这个条件,那么就调用按钮对象的click()方法,等同于用鼠标去点击按钮。写个简单的示例代码:javascript

<html>html

<head>java

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

<script language="JavaScript" type="text/javascript">
<!--
// <font style='color:blue; background-color:yellow;'>快捷键</font>响应 
// targetObj: 目标对象,若是知足<font style='color:blue; background-color:yellow;'>快捷键</font>条件,触发目标对象的click事件
// ctrlKey: 是否按住了Ctrl组合键
// shiftKey: 是否按住了Shift组合键
// altKey: 是否按住了Alt组合键
// keycode: 按键对应的数值
function Hotkey(event, targetObj, ctrlKey, shiftKey, altKey, keycode)
{
if (
   targetObj
   && event.ctrlKey == ctrlKey 
   && event.shiftKey == shiftKey 
   && event.altKey == altKey 
   && event.keyCode == keycode
   )
   targetObj.click();
}ui

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

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

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

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

   </body>
</html>htm

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

相关文章
相关标签/搜索