基於Jquery實作鍵盤按鍵監聽_jquery

從NETTUTS看到的文章，效果很不錯，有點類似於Flash做出來的效果，demo在這裡 ，原文對實現步驟講得很清楚，我就不多提了，實現效果的邏輯比較簡單，也就是slideDown()方法，

jquery slideDown()方法，實現滑動效果。

複製程式碼 程式碼如下:

// shows a given elel. >function showViaKeypress(element_id) 
{ 
    $(".container").css("display","none"); 
  } 

// shows proper DIV depending on link 'href' 
function showViaLink(array) 
{ 
        $( this).click(function() 
        { 
            var target = $(this).attr("href"); ).css("display","none" ); 
            $(target).slideDown("slow"); 
        } >
而對鍵盤按鍵的監聽是用的keypress()方法，其實也沒什麼難度，不過我們很少在頁面上使用按鍵監聽，這個例子比較新奇，值得我們參考，如有必要時，可以在項目裡用用。





複製程式碼

程式碼如下:

$(document).keypress(function(e) 🎜>    { 

        switch(e.which)          {               🎜>            // user presses the "s" key              case               break;              // :   showViaKeypress("#contact");                        " key 

            case 102:   showViaKeypress("#awards"); 

       >
            // user presses the "g" key  
            
    });