【jQuery】複数イベント登録したい処理がいくつかあり、対象イベントが一部重複する際の記述方法

jQueryでの処理の記述方法について質問させていただきます。

特定の要素に対して複数のイベントを登録したい場合、
$("対象要素").on("load resize", ～といった形で記述できることは調べてわかったのですが、

行わせたい個々の処理について、"A"という処理はload時だけ動いてくれればいいけど、
"B"という処理はload時とresize時に実行させたいといった場合は、どう記述するべきなのでしょうか?

例えば仮に、
・load時のみ動いてくれればよい"処理A"
・load時とresize時に動いてほしい"処理B"
・load時とscroll時に動いてほしい"処理C"
があった場合、

$(function(){
    var $win = $(window);

    $win.on("load", function(){
        $("対象要素").処理A;
    }).on("load resize", function(){
        $("対象要素").処理B;
    }).on("load scroll", function(){
        $("対象要素").処理C;
    });
});

という書き方をすれば、個々の処理が対象とすべきイベントのときだけ動くと思いますが、
"load"が重複していて、書き方が違うのではないかという気がしております...。

例のように、
"処理A"が「load時のみ動く必要がある(他で動作してはいけない)」ではなく
「load時のみ動いてくれればよい(本来は不要だけど他で動作してもいい)」というレベルなら

$(function(){
    var $win = $(window);

    $win.on("load resize scroll", function(){
        $("対象要素").行いたい処理A;
        $("対象要素").行いたい処理B;
        $("対象要素").行いたい処理C;
    });
});

といった書き方も一応できるのかもしれませんが、
"load resize" のときだけ動けばいい処理が "scroll"時も走るとか、そういうことが起きてしまうのかなと。

的外れなところがあったら恐縮ですが、上記につきご教示いただけましたら幸いです。

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

回答1件

ベストアンサー

JavaScript
1$( function() {
2	var $win = $( window );
3	$win.on( 'load', function() {
4		a();
5		b();
6		c();
7	} ).on( 'resize', function() {
8		b();
9	} ).on( 'scroll', function() {
10		c();
11	} );
12} );
13```とか
14```JavaScript
15$( function() {
16	var $win = $( window );
17	$win.on( 'load', function() {
18		a();
19		$win.on( 'resize', function() {
20			b();
21		} ).on( 'scroll', function() {
22			c();
23		} ).trigger( 'resize' ).trigger( 'scroll' );
24	} );
25} );