2014-03-19 79 views
0

我想禁用鍵盤上的「Enter」按鈕,這樣當用戶按Enter鍵提交表單時,什麼都不會發生,並且執行其他操作而不是提交表單,例如作爲警告「使用鍵盤不被允許」。jQuery禁用鍵盤上的提交按鍵

這裏是我做了什麼,#calculator一個按鈕:

$(document).ready(function(){ 
    $("#calculator").keydown(function(){ 
     console.log("Enter is disabled."); 
return false; 
    }); 
}); 

目前在其提交表單結果意外(例如重定向到目標頁面,但沒有加載任何CSS

+0

你有一些代碼嗎? – i100

+1

在鍵盤事件中返回'false'鍵碼13 – goseo

回答

0

有關。它,不要用提交按鈕。

使用DIV,風格它像一個按鈕,並提交使用的DIV :)

1
的點擊JavaScript的形式
$(document).on('keypress', function(e){ 
    if(e.which == 13) { 
     e.preventDefault(); 
    } 
}); 
1

您可以使用.keypress()事件來檢查哪個鍵被按下,然後使用e.keycodee.which檢查關鍵的代碼,如果是13然後阻止提交形式:

$(document).keypress(function(e){ 
    var code = e.keyCode || e.which; 
    if (code == 13) { 
     e.preventDefault(); 
     return false; 
    } 
}); 
+0

我在查看 –

+0

它是否有效? – Felix

+0

沒有不幸的。然而,你的函數的邏輯在讀取時是一切正常的 –

0

試試這個

禁用鍵盤

document.onkeydown = function (e) { 
     alert('Using keyboard is not allowed') 
} 

禁用輸入

$(document).on('keypress', function(e){ 
    if(e.which == 13) { 
     e.preventDefault(); 
    } 
});