空格不在表單域中工作

Question

我正在使用模板來構建單頁組合網站。聯繫表單的行爲非常奇怪。我無法在任何聯繫人欄中輸入空格。

我使用下面的jQuery插件：

• Gallerific
• PikaChoose
• 的fancybox

當你專注於信息領域，它不允許你使用任何空間。關於爲什麼空格不起作用的任何想法？

Answer 1

jquery.gallerific.js實現一個頁面範圍的keydown處理程序，捕獲空格並阻止其運行。

934 if (this.enableKeyboardNavigation) { 
935 $(document).keydown(function(e) { 
936 var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; 
937 switch(key) { 
938 case 32: // space 
939  gallery.next(); 
940  e.preventDefault(); 
941  break; 

如果滾動迴文檔庫部分，同時還注重形式，你會發現，按空格鍵進行到下一個圖像。

Answer 2

如果你關閉Javascript，它的工作原理。我找不到任何設置的按鍵處理程序，所以這可能是您使用的兩個JavaScript組件之間的衝突。如果沒有人提出更好的想法，請嘗試關閉所有.js引用，直到它正常工作。那麼你至少知道是誰造成的。

Answer 3

找到的情況並註釋掉特定情況。這對我有效。

Answer 4

爲什麼不在頁面的設置中設置enableKeyboardNavigation = false，反正有多少人鍵盤導航。

只是另一種選擇。

Answer 5

我解決了這個確切的問題，通過更改this.enableKeyboardNavigation在上面的代碼Sparr張貼到this.disableKeyboardNavigation。

Answer 6

我必須禁用enableKeyboardNavigation函數才能正常工作。 現在，當表單字段沒有被選中並且我按下鍵時，網頁向下滾動。我想這是正常的，因爲所有的網站都在向下滾動。

Answer 7

我在一個wordpress頁面上安裝了一個galerrific畫廊，該頁面上也有一個重力形式，並且重力形式中的空格鍵不起作用，當某人填寫表單時根本不允許空格。

@tim cooper建議將this.enableKeyboardNavigation更改爲this.disableKeyboardNavigation，但這會禁用圖庫上的所有導航，如果您習慣使用鍵盤上的箭頭鍵導航大量圖像，那麼該類型的導航會非常糟糕。

所以我做了一些完美的工作。

在jquery.gallerific.js代碼的if（this.enableKeyboardNavigation）部分中，我做了這個。

改變了這部分....

case 32: // space 
gallery.next(); 
e.preventDefault(); 
break; 

爲了這個....

case 99999: // space 
gallery.next(); 
e.preventDefault(); 
break; 

（你也很可能只是將其註釋掉）

這將禁用gallerific畫廊空格鍵，但保持在gallerfic畫廊箭頭功能，並修復了重力形式表單域空間問題。

我希望這可以幫助別人。

Answer 8

這個工作對我來說：如果有任何問題或建議，請聯繫我的douknowshivaji@gmail.com

// 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; 
     } 
    }); 
} 

Answer 9

這個工作對我來說，當32號（空格鍵），按下只是增加了一個空間。

$("#input").keyup(function(event){ 
    if(event.keyCode == 32){ 
     $("input").val($("input").val()+' '); 
    } 
);