最近工作上需要在網頁上利用鍵盤keydown的動作去觸發某種事件

功能類似無名或pixnet按c可以換下一張圖的方式

以下是JavaScript程式碼的內容:

 

<script language="javascript">
//偵測瀏覽器版本
var browser=navigator.appName;
if(browser=="Netscape"){    //如果瀏覽器為Netscape或者Firefox
    //開始監聽鍵盤事件
    document.captureEvents(Event.KEYDOWN)
    document.onkeydown=function(event){
        if(event.which==37){
            //key code 37為→
            alert("你按下了下一頁");
        }
        else if(event.which==39){
            //key code 39為←
            alert("你按下了上一頁");
        }
    }
}
else{    //假設瀏覽器不為Nescape則猜測為ie
    //開始監聽鍵盤事件
    document.onkeydown = function(){
        if(event.whitch==37){
            //key code 37為→
            alert("你按下了下一頁");
        }
        else if(event.whitch==39){
            //key code 39為←
            alert("你按下了上一頁");
        }
    }
}
</script>

 

由以上的範例就可以去修改為自己想要觸發的動作事件

需要查key code的人可以參考Tsung's Blog的鍵盤按鍵與javascript key code對應表

 

創作者介紹
創作者 ufddsben 的頭像
ufddsben

Brian's Blog

ufddsben 發表在 痞客邦 留言(0) 人氣()