使用jQuery啟用和禁用鍵盤輸入

Question

我有一個要禁用鍵盤輸入的表單。 但是，我仍然想將表單作為集合的一部分進行回發，因此添加“ disabled”屬性對我來說不是解決方案。

我添加了以下代碼，使輸入變為只讀：

 //code to not allow any changes to be made to input field
        $(".customreadonly").keydown(function () {
            return false;
        });

然后我將此類設置為：

  $("#StartRRP").addClass('customreadonly');

但是，當我刪除這樣的類時：

$("#StartRRP").removeClass('customreadonly');

輸入仍然不會允許鍵盤輸入。 這似乎是微不足道的，我在做什么錯？

提前致謝...

Answer 1

當您將事件直接附加到jQuery對象時，即使它的初始選擇器不再有效（即，類已刪除），該事件仍然存在。

明確解除綁定

$("#StartRRP").removeClass('customreadonly');
$("#StartRRP").unbind('keydown');

或更改使用委派的方式

$(document).on("keydown", ".customreadonly", function () {
            return false;
        });