[過去ﾛｸﾞ] + JavaScript の質問用スレッド vol.139 + (1002ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞

---

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ

---

714(4): 2019/05/10(金)13:31 ID:??? AAS
document.querySelectorAll('.class').forEach(function(item){
　item.addEventListener('click', function(){
　}, false);
});

window.addEventListener('click', function(evt){
　if (evt.target.className == 'class') {
　}
}, false);

itemがいっぱいあるときはどっちがいいですか？

---

717(2): 2019/05/10(金)14:16 ID:??? AAS
>>714
下は class="class foo bar" とか書いてある時に
動かないので同等のコードになっていない

---

719: 2019/05/10(金)14:17 ID:??? AAS
>>714
itemが後から増えるかどうかにもよる
どっちがいいかは、速度とメンテナンス性、何を重視するかによる

---

720: 2019/05/10(金)14:20 ID:??? AAS
>>714

$('.class').on('click', function() {
});

$(document).on('click', '.class', function() {
});

itemがいっぱいあるときは後者が速度とメモリ効率が良い
itemが増減する時は後者がメンテナンス性が良い
後者は少しタイプ数が多い。その程度。
一般的には後者がいい

jQueryを使わない場合は知らん

---

723: 2019/05/10(金)16:15 ID:??? AAS
実際はしらんが>>714の上はプロセスがいっぱい起動してるようなイメージがある
リソース的にはちょっとなあという感じ

>>717の指摘通り複数classを適用してると
判定部分が複雑になって毎回クリックのたびにそこを通ると思うと
ちょっとなあという感じ

まあどちらにしても問題になるような次元じゃないと思うけどね

---

上下前次1-新書関写板覧索設栞歴

---

ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ

---

ぬこの手 ぬこTOP 1.567s*