人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Jqueryに関する質問です。1つの要素に対して、2つのイベントを設定して、同じ関数を実行する場合に、シンプルに1行で書くことはできますか?

今は以下のようにやっています。


■<div id=hoge>がkeyupされるか、チェンジしたら、hoge_functionを実行。

$("#hoge").change(function(){hoge_function($(this))}).change();
$("#hoge").keyup(function(){hoge_function($(this))}).keyup();


●質問者: cbic
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:chAngE hoge jQuery イベント シンプル
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● karaki
●60ポイント ベストアンサー

jQueryでは返り値がjQueryオブジェクトなので、一行に連続して記述すれば、実現できます。

$("#hoge").change(function(){hoge_funcition($(this))}).keyup(function(){hoge_function($(this))});

それぞれの行につけている、「change()」と「keyup()」はわざとトリガーを引いているのですか?

それでしたら、どちらも後ろにつければ大丈夫です。

$("#hoge").change(function(){hoge_funcition($(this))}).keyup(function(){hoge_function($(this))}).change().keyup();

ただし、どちらも同じ処理でしたらどちらかを記述すればよいですかね。

$("#hoge").change(function(){hoge_funcition($(this))}).keyup(function(){$(this).change();}).change();

これは、keyupが呼ばれたらchangeのトリガーを引いています。これで、実際の処理関数は「chagen」のほうにだけ記述すればすむので少し楽になると思います。

◎質問者からの返答

ありがとうございます!まさに!できました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ