jqueryでテキストエリア監視について

解決済

質問者：hunter_999
質問日時：2012/03/06 10:24
回答数：2件

下記のコードのようにテキストエリアが変わったら処理を
実行したいのですが、keyup changeを指定すると
処理が２回実行されてしまいます。

テキストエリアが変化したら、１度づつ処理させるには
どのようにしたらいいでしょうか？

ご教授の程、よろしくお願いいたします。

$(function(){
$('textarea').bind('keyup change',function(){
alert('処理');
});
});

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： fujillin
回答日時：2012/03/06 15:27

実際の処理がどのような内容になっているのかにもよりますが、keyup changeの両方を指定すると、必ず最後に同じ状態で2回処理をすることになってしまうので、keyupだけで充分かと想像します。

＞ctrl+vでペーストされた場合に2回処理されてしまうのは
＞仕方のないことなのでしょうか？？
keyupは文字通りkeyup時に発生しますので、ctrlキーだけをキーアップしても発生します。これはshiftやdelやescその他のキーでも同様です。
keyの種類によって処理を実行させたくないのであれば、keycodeを取得して判定するか、あるいは、対象としているテキストエリアの値を記録しておいてその内容が変わっていたら処理を行なうとかにすれば2回実行せずに済むかと思います。
（後者は、リアルタイムでのonchangeに近い感じかも…）

＞テキストエリアが変化したら、１度づつ処理させるには
＞どのようにしたらいいでしょうか？

例えば、後者の考え方の例。
（例示の対象が'textarea'となっていて、idではないので、複数に対応可能な記述にしています）
（インデントは全角空白にしています）

$(function(){
　$('textarea').each(function(){
　　$(this).bind('keyup', hoge(this));
　});
});

function hoge(elm){
　var v, old = elm.value;
　return function(){
　　if(old != (v=elm.value)){
　　　old = v;
　　　alert("処理");
　　}
　}
}