快捷導(dǎo)航

JavaScript取得鍵盤按下方向鍵是哪個(gè)的方法

更新時(shí)間：2015年08月04日 16:47:24 作者：皮蛋

這篇文章主要介紹了JavaScript取得鍵盤按下方向鍵是哪個(gè)的方法,涉及javascript針對(duì)鍵盤按鍵事件的判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript取得鍵盤按下方向鍵是哪個(gè)的方法。分享給大家供大家參考。具體如下：

這里通過創(chuàng)建一個(gè)event.keyCode對(duì)象，可有效獲取鍵盤上的方向鍵，運(yùn)行代碼后，點(diǎn)擊鍵盤上的任意方向鍵，網(wǎng)頁會(huì)以Alert的方式返回你按下的是哪個(gè)鍵。

運(yùn)行效果如下圖所示：

具體代碼如下：

<html>
<head>
<title>取得鍵盤的方向鍵</title>
<script language="javascript">
<!--
  function showkey(){
    key = event.keyCode;
    if (key == 37) alert("按了←鍵！");
    if (key == 38) alert("按了↑鍵！");
    if (key == 39) alert("按了→鍵！");
    if (key == 40) alert("按了↓鍵！");
  }
  document.onkeydown=showkey;
-->
</script>
</head>
<body>
請(qǐng)按方向鍵←↑→↓
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript定義類（class）的三種方法詳解
這篇文章主要介紹了Javascript定義類（class）的三種方法詳解,本文講解了構(gòu)造函數(shù)法、Object.create()法、極簡主義法三種方法,需要的朋友可以參考下
2015-03-03
鼠標(biāo)右擊事件代碼(asp.net后臺(tái))
本程序由一個(gè)js文件和aspx文件組成，沒有后臺(tái)CS代碼。
2011-01-01
JavaScript之clipboard用法詳解
這篇文章主要介紹了JavaScript之clipboard用法詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
微信公眾號(hào)獲取用戶地理位置并列出附近的門店的示例代碼
這篇文章主要介紹了微信公眾號(hào)獲取用戶地理位置并列出附近的門店的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
JS實(shí)現(xiàn)將數(shù)據(jù)導(dǎo)出到Excel的方法詳解
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)將數(shù)據(jù)導(dǎo)出到Excel的兩種方法詳解，文中的示例代碼簡潔易懂，感興趣的小伙伴可以動(dòng)手嘗試一下
2022-06-06
JavaScript中split與join函數(shù)的進(jìn)階使用技巧
這篇文章主要介紹了JavaScript中split與join函數(shù)的進(jìn)階使用技巧,split和join通常被用來操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下
2016-05-05
詳解JavaScript的三種this指向方法
這篇文章主要介紹JavaScript的三種this指向的方法：call()、bind()、apply()，文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05
JS驗(yàn)證IP，子網(wǎng)掩碼，網(wǎng)關(guān)和MAC的方法
這篇文章主要介紹了JS驗(yàn)證IP，子網(wǎng)掩碼，網(wǎng)關(guān)和MAC的方法,涉及javascript正則表達(dá)式的相關(guān)使用技巧,需要的朋友可以參考下
2015-07-07
一文詳解如何檢測(cè)并解決JS代碼中的死循環(huán)
這篇文章主要想和大家來一起探討一下能否通過靜態(tài)分析的方式檢測(cè)出死循環(huán),如果不能,我們又應(yīng)該如何在不借用其他線程的情況下,解決死循環(huán)卡住問題,感興趣的可以了解下
2023-09-09
JavaScript模板引擎原理與用法詳解
這篇文章主要介紹了JavaScript模板引擎原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了javascript模版引擎相關(guān)概念、原理、定義及使用方法,需要的朋友可以參考下
2018-12-12