JS 網頁快捷鍵設置

時間 2020-09-20

原文原文鏈接

咱們但願能用快捷鍵代替鼠標點擊作一些事情，例如一個典型的應用就是論壇上經常使用的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="寶玉" />瀏覽器

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對象