3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】テキストの変更時の処理、エンターキー押下時の処理【jQuery】

Last updated at Posted at 2017-05-30

<input type="text">ってフォーカスが外れないとchangeイベント発生しませんよね?
でもそれってほとんどの人が望んでないと思うんです。
テキスト入力中に変更された(されてないかもしれない)イベントは以下のように取得します。
ついでにエンターキー押下時の処理も。

$(function() {
     
    // テキスト変更時の処理
    $('#input').keyup(function(e) {
        // ここで処理する
    });
     
    // テキストでエンターキーを押されたときの処理
    $('#input').keypress(function(e) {
        if(e.keyCode === 13) {
            // ここで処理する
        }
    });
     
});
3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?