[jQuery]KeyUpのイベント処理に関して

現在キーボードから入力された英数字の入力からKeyUpを使い、イベントを発生させる処理を作成しているのですが、大文字のA(Shift + A)やコピーペーストで貼り付けられた入力(Ctr + V)などが2回分のイベントとして呼ばれてしまいます。

このようなキーボード入力が2回分(ABCのような大文字)とキーボード入力が1回分(abcなどの小文字)両方とも1回分の処理とみなしたいのですがどのようにすればいいのか頭を悩ませています。

どなたかご教授ください。

ちなみにOnInputというイベントがありますが、IE8以前が非対応なのでそれ以外の提案でお願いします。

ソースはこんな感じです(Typescriptで書いてますがほぼjavascript)

lang
1$('#element_input').on('keyup',() => {
2			//現在入力されている文字
3			var text = $('#element_input').val();
4			var count = text.length;
5			
6			//処理分け
7			if (count == 5) {
8
9            //処理1 ←この処理をaのときもAのときも1回だけ呼びたい
10
11			}else {
12
13            //処理2
14
15			}
16		});

行動規範の内容に同意します

回答2件

深く考えてはいませんがeventオブジェクトを確認してctrlやshiftなど目的外の文字コードであれば、処理前にreturnさせる。
そうすることでアルファベット、記号などのキーの1度だけ処理をするようにできそうな気がしますが……

投稿2015/02/09 16:39

Cf_cwd

総合スコア730

ベストアンサー

キー押下前のテキストを保持しておき、KeyUpで発生させたイベントの処理内でテキストが変更されている場合のみ処理を行うようにしてはどうでしょう。

lang
1// 変更前テキスト
2var old = "";
3$('#element_input').on('keyup',() => {
4	//現在入力されている文字
5	var text = $('#element_input').val();
6	// 変更前のテキストと異なっていたら
7	if(old != text){
8		var count = text.length;
9		// 変更前を更新
10		old = text;
11		//処理分け
12		if (count == 5) {
13
14			//処理1 ←この処理をaのときもAのときも1回だけ呼びたい
15
16		}else {
17
18			//処理2
19
20		}
21	}
22});