javascript - ユーザーがテキストボックスにキーを入力しようとすると警告する

Question

そのため、ユーザーが空白のテキストボックスに何らかのテキストを入力しようとすると、ユーザーにメッセージで警告するコードを少し探しています (警告の方法は知っています)。

これが私のコードです。sendMsg()関数を呼び出すには何を追加すればよいですか?

<script>
  function sendMsg()
  {
    alert ("change msg content here");
  }
</script>

HTMLは次のとおりです。

<body>
  <input type="text" name="">
</body>

score 0 · Accepted Answer

これはうまくいくかもしれません：

<input type="text" name="foo" onKeyUp="sendMsg()" />

つまり、あなたの質問を理解した場合。

乾杯。

score 0 · Accepted Answer

onchangeイベントをご利用ください。

<input type="text" name="" onchange="inputChanged();">

score 0 · Accepted Answer

入力に ID を与えてみましたか:

<input id="testing" type="text" name="" />

そして、あなたのJavaScriptは次のようになります：

document.getElementById('testing').onfocus = function() {
    // alert("change msg content here");
}

score 0 · Accepted Answer

focus最初に行う必要があるのは、テキストボックスのイベント (テキストボックスに「フォーカス」したときにトリガーされる) にイベントリスナーをアタッチすることです。ドム。これを行う最も簡単な方法は、次のidように属性を追加することです。

<body>
        <input type="text" name="" id="msgContent">
</body>

これで、メソッドを使用しdocument.getElementByIdて要素を見つけることができます。

var textBox = document.getElementById('msgContent');

次に、イベントリスナーをアタッチできます。

textBox.addEventListener('focus', function () {
    alert('change msg content here');
});

このaddEventListener方法は、IE の一部の古いバージョンでは使用できないことに注意してください。代わりに、ここで詳しく説明されている他のフォールバックがあります。

jQuery最後に、、などのライブラリを使用している場合はYUI、イベントハンドラーをアタッチするためのブラウザーの違いを正規化します。

//jQuery example
$('#msgContent').on('focus', function () {
    alert('change msg content here');
});

4 に答える 4