2

JavaScriptを使用して、ユーザーがバックスペースを使用したり、テキストボックスのキーを削除したりできないようにするにはどうすればよいですか？

Webフォームにテキストボックスがあります。テキストボックスのキーを押すときにJavaScriptを使用して、削除キーとバックスペースキーを無効にします。

誰か助けてもらえますか？

4

3 に答える 3

14

テキスト ボックスの内容を編集できるようにしているのに、基本的な編集キーの使用を制限しているのはなぜですか? これは、ユーザビリティに重大な問題を引き起こしているように思えます。ユーザーがタイプミスをした場合はどうなるでしょうか?

readonly フラグ (ユーザーに値を編集させたくない場合) または disabled フラグ (送信したくない場合) を設定することをお勧めします。

于 2009-08-07T13:08:59.640 に答える
3

これは、特定のキー押下イベントをブロックするためのコードです-またはそれらの行に沿った何か（コードをテストしていません）。

function isValidKey(e)
{
    var charCode = e.keyCode || e.which;
    if (charCode == 8 || charCode == 46)
        return false;

    return true;
}

<input id="tb_box" onkeydown="return isValidKey(event)" type="text" />
于 2009-08-07T13:02:15.910 に答える
0

javascript create 関数を使用すると、キーボードの入力イベントが発生し、バックスペース (キーコード 8) と削除 (キーコード 46) キーが回避されます

function preventBackspace(e) {
  var evt = e || window.event;
  if (evt) {
      var keyCode = evt.charCode || evt.keyCode;
      if (keyCode === 8 || keyCode === 46) {
          if (evt.preventDefault) {
              evt.preventDefault();
          } else {
              evt.returnValue = false;
          }
      }
  }
}
<input onKeyDown="preventBackspace()" placeholder="Try write Something and enter backspace...">

于 2020-02-03T07:49:56.597 に答える