JavaScript取得鍵盤(pán)按下方向鍵是哪個(gè)的方法
更新時(shí)間：2015年08月04日 16:47:24 作者：皮蛋
這篇文章主要介紹了JavaScript取得鍵盤(pán)按下方向鍵是哪個(gè)的方法,涉及javascript針對(duì)鍵盤(pán)按鍵事件的判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript取得鍵盤(pán)按下方向鍵是哪個(gè)的方法。分享給大家供大家參考。具體如下：
這里通過(guò)創(chuàng)建一個(gè)event.keyCode對(duì)象，可有效獲取鍵盤(pán)上的方向鍵，運(yùn)行代碼后，點(diǎn)擊鍵盤(pán)上的任意方向鍵，網(wǎng)頁(yè)會(huì)以Alert的方式返回你按下的是哪個(gè)鍵。
運(yùn)行效果如下圖所示：
具體代碼如下：
<html>
<head>
<title>取得鍵盤(pán)的方向鍵</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ì)有所幫助。
您可能感興趣的文章:
- javascript上下方向鍵控制表格行選中并高亮顯示的方法
- javascript實(shí)現(xiàn)的使用方向鍵控制光標(biāo)在table單元格中切換
- 按鍵盤(pán)方向鍵翻頁(yè)跳轉(zhuǎn)的javascript代碼(支持ie,firefox)
- 純javascript實(shí)現(xiàn)四方向文本無(wú)縫滾動(dòng)效果
- JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法
- javascript實(shí)現(xiàn)可改變滾動(dòng)方向的無(wú)縫滾動(dòng)實(shí)例
- javascript四個(gè)方向無(wú)間隙滾動(dòng)合集(多瀏覽器IE,firefox兼容)
相關(guān)文章
js判斷瀏覽器類型,版本的代碼(附多個(gè)實(shí)例代碼)
當(dāng)前世界上有很多種瀏覽器，除了我們熟知的IE, Firefox, Opera, Safari四大瀏覽器之外，世界上還有近百種瀏覽器，有時(shí)候我們需要判斷瀏覽器與版本方便后續(xù)的操作，一句話瀏覽器的兼容性太差了，缺少標(biāo)準(zhǔn)2014-05-05
微信小程序購(gòu)物商城系統(tǒng)開(kāi)發(fā)系列-工具篇的介紹
這篇文章主要介紹了微信小程序購(gòu)物商城系統(tǒng)開(kāi)發(fā)系列-工具篇的介紹,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
下面小編就為大家?guī)?lái)一篇js數(shù)字舍入誤差以及解決方法(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記四：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用實(shí)例分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中鏈?zhǔn)秸{(diào)用的原理與簡(jiǎn)單使用技巧,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了微信小程序引用外部js，外部樣式，公共頁(yè)面模板,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義時(shí)間段picker選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JavaScript中filter的用法,結(jié)合實(shí)例形式分析了filter的功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-02-02
JavaScript中cookie工具函數(shù)封裝的示例代碼
這篇文章給大家主要介紹了JavaScript中cookie工具函數(shù)的封裝，文中給出了詳細(xì)的實(shí)現(xiàn)步驟和示例代碼，相信會(huì)對(duì)大家的理解很有幫助，有需要的朋友們下面來(lái)一起看看吧。2016-10-10![最短的IE判斷var ie=!-[1,]分析](http://img.jbzj.com/images/xgimg/bcimg8.png)
下面通過(guò)分解這個(gè)語(yǔ)句來(lái)回顧下代碼中所涉及到的javascript知識(shí),需要的朋友可以參考下2014-05-05
Javascript設(shè)計(jì)模式之發(fā)布訂閱模式
發(fā)布---訂閱模式又叫觀察者模式，它定義了對(duì)象間的一種一對(duì)多的關(guān)系，讓多個(gè)觀察者對(duì)象同時(shí)監(jiān)聽(tīng)某一個(gè)主題對(duì)象，當(dāng)一個(gè)對(duì)象發(fā)生改變時(shí)，所有依賴于它的對(duì)象都將得到通知2022-12-12