在輸入文本字段中禁用鍵盤

Question

我有一個jQuery Datetimepicker，我想禁用鍵盤輸入。 我只想在選擇器（Modalbox）上編輯此字段。

Answer 1

您應該像這樣禁用輸入的鍵盤：

$(function() {
   $('#datepicker').keypress(function(event) {
       event.preventDefault();
       return false;
   });
});

這是一個工作的小提琴 。

Answer 2

文本輸入上的readonly屬性應該適合您，可以通過手動輸入在輸入字段中使用此屬性，也可以使用Javascript或jQuery設置此屬性。

使用腳本將文本字段設置為只讀：

document.getElementById("myText").readOnly = true;

或使用HTML：

<input type="text" name="textName" placeholder="Select date" readonly>

Answer 3

試試這個prop（）

// Disable #x
$( "#x" ).prop( "disabled", true );

// Enable #x
$( "#x" ).prop( "disabled", false );