表格中的空格鍵問題

Question

我有兩個不同ID的div。

第一個div有一個jQuery滑塊，另一個有一個聯繫我們的形式。

當我按下文本字段或文本區域中的聯繫我們窗體div時，jquery滑塊轉移下一張圖片。

任何機構可以幫助我解決這個問題。

在此先感謝

Answer 1

如果是第三方控制，我 猜測，他們已經迷上了一些 事件使用鍵盤進行導航。 嘗試檢查該控件的API 以查看是否有設置，以便您可以禁用鍵盤輸入。

你需要這樣做：

var gallery = $('#thumbs').galleriffic({ 
    enableKeyboardNavigation: false, // Specifies whether keyboard navigation is enabled 
} 

Answer 2

這個工作對我來說：

// Setup Keyboard Navigation 

if (this.enableKeyboardNavigation) { 
    $(document).keydown(function(e) { 

     var target = e.target || e.srcElement; // hack 
     //disable navigation on an input editable element 
     if (target && target.type) return true;   

     var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; 
     switch(key) { 
      case 32: // space 
        gallery.next(); 
        e.preventDefault(); 
        break; 
      case 33: // Page Up 
       gallery.previousPage(); 
       e.preventDefault(); 
       break; 
      case 34: // Page Down 
       gallery.nextPage(); 
       e.preventDefault(); 
       break; 
      case 35: // End 
       gallery.gotoIndex(gallery.data.length-1); 
       e.preventDefault(); 
       break; 
      case 36: // Home 
       gallery.gotoIndex(0); 
       e.preventDefault(); 
       break; 
      case 37: // left arrow 
       gallery.previous(); 
       e.preventDefault(); 
       break; 
      case 39: // right arrow 
       gallery.next(); 
       e.preventDefault(); 
       break; 
     } 
    }); 
}