JavaScript の質問用スレッド vol.126 (308ﾚｽ)
上下前次1-新
20(1): 14 (ﾜｯﾁｮｲ 4f1d-Qk2W [180.178.89.53]) 2023/12/16(土)16:34 ID:3Jo1PIzy0(3/3) AAS
>>19
はい、それなりに理解出来たと思います
ありがとうございます
JSでは、undefinedに比べるとnullの登場頻度はかなり低いみたいですね
21: (ﾜｯﾁｮｲ 0e6d-Aq9B [240b:10:8401:ab00:*]) 2023/12/16(土)19:13 ID:UfR4i5aB0(1) AAS
設計ミスだから使い分ける必要はなく
外部とのやりとり以外にnullは使わないと統一した方が問題でにくいし楽
22(1): (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) 2023/12/18(月)12:29 ID:UBFKxLGp0(1/4) AAS
配列の宣言はvar list=[];
オブジェクトの宣言var obj={};
配列の配列の宣言は var list=[[]];
ではオブジェクトの配列の宣言はどうすればいいですか？
var obj={[]};のようにしてもできませんでした。
obj["aaa"][0]=100;
obj["bbb"][1]=200;
省1
23(1): (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) 2023/12/18(月)12:38 ID:UBFKxLGp0(2/4) AAS
配列のオブジェクトって言った方が正しいのかわからないけど
とにかく>>22のように代入したいんです
24(1): (ﾜｯﾁｮｲ 0e2a-YOgt [240b:10:8401:ab00:*]) 2023/12/18(月)12:58 ID:kn95Gf6w0(1) AAS
[[]] 配列を入れ子にしても1番目の要素を[]に初期化しているだけで
配列として使いたい場合に必要な手順ではない
仮に1番目を[1,2]、2番目を[3]にしたい時に操作が変わってしまうので邪魔なだけ
配列は空のまま [] で十分
あとconst/letじゃなくvarで書くスタイルは古い
参考にした情報があるなら忘れよう
更新もせずずっと放置しているなら害悪でしかない
25(1): (ﾜｯﾁｮｲ 225c-ivtJ [61.196.5.7]) 2023/12/18(月)13:13 ID:BJv/M26K0(1/2) AAS
let obj = {};
obj["aaa"] = [100];
obj["bbb"] = [undefined];
obj["bbb"][1] = [200];
26(1): (ﾜｯﾁｮｲ 225c-ivtJ [61.196.5.7]) 2023/12/18(月)13:15 ID:BJv/M26K0(2/2) AAS
obj["bbb"][1] = 200;
27(1): (ﾜｯﾁｮｲ 4f61-3PPy [180.23.197.208]) 2023/12/18(月)13:42 ID:WXLOngT30(1) AAS
const obj = {
aaa: [100],
bbb: [, 200]
};
28(1): (ﾜｯﾁｮｲ 5bd1-r/Us [2400:2200:738:48fd:*]) 2023/12/18(月)14:17 ID:oIHu3KbV0(1) AAS
>>23
そこがあやふやだからどう宣言すればいいかも分からないんだと思う
君が宣言したいものは「配列をメンバーに持つオブジェクト」だよ
29: (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) 2023/12/18(月)18:21 ID:UBFKxLGp0(3/4) AAS
>>24-28
ありがとうございます
30(3): (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) 2023/12/18(月)23:55 ID:UBFKxLGp0(4/4) AAS
オブジェクトのkeyにelementを使うのは不具合になりますか？
const element = document.getElementById("test_id");
const element2 = document.getElementById("test2_id");
let obj ={};
obj[element] = 200;
obj[element2] = 300;というような感じです
一応動作はしたけどやらないほうがいいんですか？
31(1): (ﾜｯﾁｮｲ c73f-r/Us [2400:2200:736:eb7f:*]) 2023/12/19(火)00:19 ID:ny/Z19vi0(1) AAS
>>30
本当に期待通りに動いてるかしっかり確認した？
32(1): (ﾜｯﾁｮｲ 0343-Qk2W [2001:268:9a84:9fef:*]) 2023/12/19(火)00:31 ID:z6V4TATi0(1) AAS
const element = 何々
で、elementがオブジェクトなら、キーに使ってはならない。
primitive なら、キーに使える
この表記は、constがついていても、
そのオブジェクトの中身・内容は変えられるから、
本当の意味のconstではない
Ruby では、オブジェクトをfreeze すると、浅い第1階層で変更できなくなる。
省7
33(1): (ﾜｯﾁｮｲ 4f61-3PPy [180.23.197.208]) 2023/12/19(火)01:47 ID:jkXgnxvQ0(1) AAS
>>30
MapやWeakMapを使おう
34(1): (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) 2023/12/19(火)12:32 ID:wIcY707L0(1) AAS
>>31
確認したら期待通りに動きました
>>31-33
ありがとうございます
35: (ﾜｯﾁｮｲ f613-r/Us [2400:2200:738:481a:*]) 2023/12/19(火)14:48 ID:s0aDiAUA0(1/2) AAS
>>34
>>30のあとに
console.log(obj[element]);
と書くと何が表示されると思う？
36: (ﾜｯﾁｮｲ f613-r/Us [2400:2200:738:481a:*]) 2023/12/19(火)14:54 ID:s0aDiAUA0(2/2) AAS
あ、これだけだと前提が足りないか
test_idもtest2_idもdivタグだとする
37: (ｱｳｱｳｳｰ Sa9b-KnN9 [106.146.121.126]) 2023/12/19(火)15:48 ID:g4Os8oTba(1) AAS
>>16
実用的はそれらは同値だと判断した方が良い
少なくともコード上分けるメリットはゼロ
38(7): (ﾜｯﾁｮｲ 0274-mQNm [211.124.81.22]) 2023/12/20(水)13:23 ID:QAvRAUPM0(1) AAS
JavaScriptで関数を変数に代入できると聞いて、
物理学で万物が粒子だけでなく波としての性質も合わせもつと聞いたときと同じくらいの衝撃を受けました。
どうもこのJavaScriptで関数を変数に代入できるという考えがしっくりこないのですが、どう考えれば受け入れられますか？
39(1): (ﾜｯﾁｮｲ 0e33-YOgt [240b:10:8401:ab00:*]) 2023/12/20(水)13:43 ID:bsiqnAom0(1) AAS
>>38
関数定義の構文
function f() {...}
は関数オブジェクトを変数 f に代入してるだけなので
g = f
としたら g() で同じ関数呼べるし
f = 123
省3
40(1): (ﾜｯﾁｮｲ a262-Zz6i [2001:240:2428:b257:*]) 2023/12/20(水)15:57 ID:5U5fDbVv0(1) AAS
>>38
Arrayだろうが関数だろうが変数に格納されてる値はポインタで
値を使う時に自動的にデリファレンスされてると思っとけばいいんじゃね
最近の言語ならどれも同じようなことできるけどね
41(1): (ﾜｯﾁｮｲ 23cf-j1fn [2404:7a82:3de0:3500:*]) 2023/12/21(木)01:46 ID:9dULh+b20(1) AAS
>>38
実態からはかけ離れるけど、メソッドが1個しかないオブジェクトの特別な扱いだと捉えるとどうだろう？
関数を変数に代入できるというのは、C言語のような古いものでも関数ポインタという形で実現してる。
関数はそのコードがメモリ上に配置されていて、関数の呼び出しはそのメモリのアドレスにジャンプするという形で行われるけど、そのジャンプ先のアドレスを変数に入れる感じ。
JavaScript ではクロージャって概念でもっと高度だけど、代入された変数には結局その関数の在りかが紐づけられてる。
42: (ｽｯﾌﾟ Sd42-MF53 [49.97.109.220]) 2023/12/21(木)14:29 ID:0EYD168kd(1) AAS
やろうと思えば各要素に関数の入った配列を作れるってことが
43(2): (ﾜｯﾁｮｲ 2279-F8eA [61.192.187.100]) 2023/12/22(金)21:46 ID:nFOKM4xK0(1) AAS
LISP→Scheme→Javascriptという歴史的経緯があるのでそこから理解すると判りやすいかも
コードはLISPにとってはただのリストというデータ表現でしかなかったのでコードを変数に代入するというのはとても自然な事だった
Schemeでレキシカルスコープが定義され一般的なクロージャの形になった
括弧だらけの構文は一般受けしないのでCっぽい構文のJavascriptが生まれた
ざっくり書けばこういうわけです
44: (ﾜｯﾁｮｲ 83ee-JyiE [2404:7a82:3de0:3500:*]) 2023/12/23(土)01:26 ID:ZuCxSQpj0(1) AAS
>>43
分かりやすいかなぁw
45: (ﾜｯﾁｮｲ 131b-taje [2400:2200:395:6245:*]) 2023/12/23(土)02:10 ID:YHpw3jwo0(1) AAS
挙がってる各言語を知ってる人はなるほどと思うかもしれないけど
そうでないならただの遠回りな気が
46: (ﾜｯﾁｮｲ 3f79-Eb5K [61.192.187.100]) 2023/12/23(土)18:09 ID:87/jUj+m0(1/2) AAS
>>39-41は代入できますって以上の説明はできてないし
ショックを受けた38が知りたいのはそういう事じゃないんだろう
Coders at WorkによればJavaacript設計者のブレンダン・アイクはSICPとSchemeの崇拝者で、
最初のアイデアはNetscapeブラウザにSchemeを持ち込むことだったとの事だよ
まずはSICPでも読むといいんじゃないの
47(1): (ﾜﾝﾄﾝｷﾝ MMdf-llxg [153.248.8.149]) 2023/12/23(土)18:34 ID:seU0bwIPM(1/2) AAS
起源が知りたいわけじゃないと思うよ…
48(1): (ﾜｯﾁｮｲ 3f48-taje [2400:2200:39a:a839:*]) 2023/12/23(土)18:43 ID:RHehsd3K0(1/2) AAS
別に関数を変数に代入できるのはJavaScriptが初とか唯一ってわけじゃないからそこを掘り下げてもね
49(2): (ﾜｯﾁｮｲ 3f79-Eb5K [61.192.187.100]) 2023/12/23(土)20:16 ID:87/jUj+m0(2/2) AAS
>>47-48
起源というかね、こういうのは歴史的経緯を辿って理解した方が判りやすいという話よ
君らのつまらんレスを読むよりはずっとね
Javascriptでやってる事は関数のポインタとはわけが違うんだから
50: (ﾜﾝﾄﾝｷﾝ MMdf-llxg [153.248.8.149]) 2023/12/23(土)20:22 ID:seU0bwIPM(2/2) AAS
>>49
それは絶対にない>わかりやすい
51: (ﾜｯﾁｮｲ 7f95-UZ2u [240b:12:6820:b000:*]) 2023/12/23(土)20:30 ID:1KvsNCZl0(1) AAS
歴史を追いかけられるくらい論理的に文章組み立ててくれないか？
52(1): (ﾜｯﾁｮｲ cfcf-x2Sm [153.206.76.80]) 2023/12/23(土)20:34 ID:6J3b/0Sr0(1) AAS
>Javascriptでやってる事は関数のポインタとはわけが違うんだから
LISPが違うのはわかるけどJavaScriptは関数ポインタとそんなに違うんだっけ？
53: (ﾜｯﾁｮｲ 3f48-taje [2400:2200:39a:a839:*]) 2023/12/23(土)20:55 ID:RHehsd3K0(2/2) AAS
>>49
賛同されなかったからつまらんレスとか言い出すのは大人げないよ
54(1): (ｱｳｱｳｳｰ Sa17-Krj3 [106.155.25.196]) 2023/12/24(日)14:20 ID:eKX/4s7na(1) AAS
>>52
だいぶ違うぞ
クロージャって言葉知ってる？
定義された場所のローカル変数を参照できるの
そしてローカル変数がクロージャによってキャプチャされたら
その変数はクロージャが死なない限りずっと保持される
これは関数ポインタとは訳が違う
省2
55: (ﾜｯﾁｮｲ 13b1-l39z [2001:240:242e:2802:*]) 2023/12/24(日)15:20 ID:D70pmwho0(1/2) AAS
>>54
関数がクロージャを形成するかどうかと
関数を受け渡すときに関数へのポインタを使ってるかどうかは直交した別の問題
実際どのJavaScriptエンジンも関数へのポインタを使って変数への代入や関数の受け渡しを実現している
C言語はクロージャをサポートしないのでC言語の関数ポインタを使ってもクロージャにはならないのは当たり前
もう少し言えば関数を受け渡し可能にするためのスコープ解決の仕組み/ルールと受け渡す際に関数へのポインタを使ってるかどうかは別の問題
56(2): (ﾜｯﾁｮｲ 13b1-l39z [2001:240:242e:2802:*]) 2023/12/24(日)15:53 ID:D70pmwho0(2/2) AAS
別スレで見かけたトンデモ記事書いてる人だと思うけどレキシカルスコープの話と第一級関数の話とレキシカルスコープを使ったクロージャによって第一級関数を実現する話を混同してるんじゃないか
Schemeはレキシカルスコープを使ったクロージャという考え方を広く普及させた言語ではあるがレキシカルスコープや第一級関数はScheme以前の昔から実現されてたものだし
レキシカルスコープを使ったクロージャもScheme以前の昔からあった考え方
Schemeが初めてレキシカルスコープを定義したかのように書くのはやめよう
57(1): (ｽｯﾌﾟ Sd5f-96gJ [1.72.3.74]) 2023/12/24(日)16:19 ID:+dT+Yo8pd(1) AAS
>>56
ちょっと指摘させてもらうと
誰も起源の話なんてしてないよ
58: (ｱｳｱｳｳｰ Sa17-Krj3 [106.155.24.145]) 2023/12/24(日)16:48 ID:awd0q31Fa(1) AAS
>>56
いや別に起源とかはどうでも良くて関数ポインタとは違うよって話をしてるだけなんだけど
59: (ﾜｯﾁｮｲ f367-l39z [2001:240:242a:1b50:*]) 2023/12/24(日)18:14 ID:uJ8b4azy0(1) AAS
>>57
>>43がしてるでしょ
この人同じように間違ったことをあちこちで書いてるから指摘しただけ
60: (ﾜｯﾁｮｲ cfb1-llxg [2400:4050:afe0:3700:*]) 2023/12/24(日)19:40 ID:3LVtZ1UM0(1/2) AAS
彼は命題論理が理解できなくて、120年前の古文書まで読み返して、それでも分からなくて200年前の哲学書まで遡った結果、今でも命題論理が分かってないって人間だから、彼の歴史的経緯を遡れば理解しやすくなるって主張は実は彼自身によって反証されてたりする
61: (ﾜｯﾁｮｲ 8321-JyiE [2404:7a82:3de0:3500:*]) 2023/12/24(日)22:35 ID:ietP5AWI0(1) AAS
>>38 が分かりやすかったかどうか答えてくれれば解決だな
62(1): 38 (ﾜｯﾁｮｲ bf74-uzyf [211.124.81.22]) 2023/12/24(日)23:33 ID:M3Ha8RQ30(1) AAS
さっぱり分からん
63: (ﾜｯﾁｮｲ cfb1-llxg [2400:4050:afe0:3700:*]) 2023/12/24(日)23:38 ID:3LVtZ1UM0(2/2) AAS
おっIP同じやし38本人やん
まあそうだよな。あの説明でわかりやすく人間なんておらんやろ
64: (ﾜｯﾁｮｲ 8f56-ryOq [2001:268:9af4:708a:*]) 2023/12/25(月)06:04 ID:G5r1XQvR0(1) AAS
クロージャは第一級市民関数。
関数外のローカル変数などの文脈を取り込む。
つまり、スコープがゆるい
一方、Ruby の関数はスコープがきつくて、
関数外のローカル変数を通さないので、第一級関数ではない。
ただし、ブロックはブロック外のローカル変数を通すから、クロージャ
他に、レシーバーとメソッドを持ち運ぶ、メソッドオブジェクトもある
65: (ﾜｯﾁｮｲ d301-h9f0 [60.89.160.66]) 2023/12/25(月)08:32 ID:xnbzJK+y0(1) AAS
>>38,62
何がどうわからないのか、を詳しく説明してくれ。
具体的なところがさっぱり分からん。
66: (ﾜｯﾁｮｲ 3363-llxg [180.47.35.21]) 2023/12/25(月)21:05 ID:HhwD874b0(1) AAS
そりゃそもそもLISPやSchemeを全く知らない人だったんでしょ
分かりやすくなる要素なんて1ミリもないわな
67: (ｱｳｱｳｳｰ Sa17-Krj3 [106.155.20.162]) 2023/12/25(月)21:28 ID:XllulW5ca(1) AAS
struct Closure {
struct Env env;
struct Function func;
};
Closureの最もシンプルな実装
Envはキャプチャしたローカル変数を保持する環境
Functionは関数ポインタやらを保持してるオブジェクトだと思ってくれ
省2
68: (ﾜｯﾁｮｲ ef1a-l39z [2001:240:242d:fdfa:*]) 2023/12/26(火)01:40 ID:XlP1bh7b0(1) AAS
クロージャやレキシカルスコープがどうやって実現されてるかという質問なら[[Environment]]のことを教えてあげるのはいいと思うけど
そういう話は誰もしてないからねぇ
69: (ﾜｯﾁｮｲ 6318-taje [2400:2200:39a:aa64:*]) 2023/12/26(火)12:17 ID:iZHdB3Jl0(1) AAS
結局のところ>>38の問題って関数は変数に代入できないものだっていう固定観念を他の言語に持ち込んでるところだと思う
プログラミング言語なんて所詮ヒトがそれぞれの都合で作ったものであって言語が違えば考え方や常識も違う
そこを理解して他の言語の固定観念を持ち込まないようにしないとこの先もしっくりこないこと、受け入れられないことだらけだろう
70: (ﾜｯﾁｮｲ efc9-l39z [2001:240:247c:3ea8:*]) 2023/12/26(火)18:41 ID:DtaEhUmP0(1) AAS
関数を変数に直接代入できないCの系譜の言語が最も広く普及してるから
そういう言語をやってきた人が関数を変数に直接代入できる言語に初めて接したら>>38のように驚くのは極々自然のこと
何が固定観念なのかなんてそれが覆るまで分からないんだから固定観念を持ち込むなとか言っても何の役にも立たないよ
71: (ﾜｯﾁｮｲ 3f27-taje [2400:2200:391:e73b:*]) 2023/12/26(火)19:02 ID:ar+aUrwZ0(1) AAS
今回のことで固定観念だったと気づければそれでいいと思うよ
そうすれば次からは疑ってかかることができるわけだし
72(1): (ｵｲｺﾗﾐﾈｵ MMcf-zvIc [150.66.117.40]) 2024/01/05(金)08:36 ID:kvxPBg+iM(1) AAS
糞長い式が真値のときだけ変数に代入したくて
if (糞長い式) {
X = 糞長い式
}
と書いてるんですが糞長い式を一度で済ますにはどうしたらいいですか
73: (ﾜｯﾁｮｲ 1f74-rafF [211.124.81.22]) 2024/01/05(金)09:10 ID:PLcvVAqJ0(1/2) AAS
>>72
いますぐ糞をして寝ることだ。
糞!
74: (ﾜｯﾁｮｲ 1f74-rafF [211.124.81.22]) 2024/01/05(金)09:12 ID:PLcvVAqJ0(2/2) AAS
X = 糞長い式 ? 糞長い式2 : X;
75(2): (ﾜｯﾁｮｲ 0b30-3ajw [150.9.34.120]) 2024/01/05(金)09:26 ID:B0YNzjLy0(1) AAS
Y = 糞長い式
if (Y) {
X = Y
}
76: (ﾜｯﾁｮｲ ef85-NRV/ [240b:10:8401:ab00:*]) 2024/01/05(金)09:52 ID:UVxCqy8T0(1) AAS
2回評価したくないときもあるし>>75
外部ﾘﾝｸ[html]:docs.python.org
そこまで糞長くないならセイウチ演算子
77: (ﾜｯﾁｮｲ 4b61-7PFe [220.104.177.51]) 2024/01/05(金)11:11 ID:j+cl8so10(1) AAS
X = 糞長い式 || X;
わかりやすい>>75でいいと思うわ
78: (ﾜｯﾁｮｲ efbb-bJ3A [240f:108:3018:1:*]) 2024/01/05(金)18:15 ID:xFVV62H30(1) AAS
カルノー図やクワイン・マクラスキー法で書けないほど複雑だと
どうにもならない
if else if else にうまく展開するか
switch 文をうまく使うとかかなあ
79(3): (ﾜｯﾁｮｲ fd9f-stEI [122.133.203.183]) 2024/01/08(月)08:24 ID:HV7sMHf30(1) AAS
質問させていただきます。
タグの属性onclick等で設定したイベント処理では
処理側の関数ではeventオブジェクトを参照出来ないのでしょうか？
色々探してるのですが見つけられなくて・・・よろしくお願い致します。
80: (ﾜｯﾁｮｲ 2379-e2pS [61.192.187.100]) 2024/01/08(月)10:20 ID:FNFcnj+v0(1) AAS
>>79
onclick属性のイコールの右側にある値は無名関数をそのままラップしたもので、eventオブジェクトはその関数の第一引数に渡される
つまり<タグ onclick="func(arguments[0]);">とすれば取得できる
81: (ﾜｯﾁｮｲ 8d43-iBaE [114.148.50.247]) 2024/01/08(月)10:51 ID:adS5ZNXz0(1) AAS
>>79
引数で渡されてくるけど？
HTMLのタグの中に書く事例では意味も解らずその引数を省略しているのが多い
それより、今どきはHTMLと分離した、こっちの書き方がおすすめ
外部ﾘﾝｸ:developer.mozilla.org
82: (ﾜｯﾁｮｲ 1501-QrVU [60.89.10.107]) 2024/01/08(月)13:07 ID:cXOMuDOl0(1) AAS
>>79
onclick属性値の中でもeventは使える。
<p onclick="console.log(event);">
ところで、「処理側の関数」とは？
83: (ﾜｯﾁｮｲ db9b-5x1m [240b:10:8401:ab00:*]) 2024/01/08(月)13:58 ID:pIW6TUAd0(1) AAS
ブラウザの開発者ツールにあるデバッガをつかえば気づける
止めたところの環境が丸見えになるから
84: (ﾜｯﾁｮｲ fd2e-dvWY [2001:268:9a3d:8302:*]) 2024/01/08(月)20:55 ID:gJaMg8aw0(1) AAS
例えば、jQuery なら、これで5つのキーのkeydown をキャッチできる
$( function ( ) {
$( 'body' ).keydown ( function( e ) {
switch( e.key ) {
// 32:空白、37:←、38:↑、39:→、40:↓
case " " :
case "ArrowLeft" :
省6
85: (ﾜｯﾁｮｲ 434b-NOlf [240b:12:6820:b000:*]) 2024/01/08(月)21:08 ID:Jg6SbkUr0(1) AAS
<button onclick="hoge(this)">ってやると意図しない動きすることあるからルールで禁止してるところもあるよね
86: (ﾜｯﾁｮｲ 0510-JApz [180.12.82.129]) 2024/01/11(木)09:49 ID:L0eqWFW50(1/2) AAS
子要素は含まないようにelementを取得するにはどうすればいいですか？
これだとテーブルの中のフォームをスライドさせてもalertが表示されてしまいます。
子要素は含まないテーブルのみのelementを取得することはできますか？
<table style="width:500px;height:300px;background:#ffff00" id="aaa">
<tr><td><input type="range" style="width:inherit"></td></tr>
</table>
<スクリプト>
省6
87(1): (ﾜｯﾁｮｲ b536-QPx5 [2400:4052:5062:9ff0:*]) 2024/01/11(木)10:30 ID:8+5yXztZ0(1/2) AAS
何をやりたいのかがわからない説明
とりあえずプログラムを意識せずに
やりたいことの要件を日本語でよろしく
88(1): (ﾜｯﾁｮｲ 2319-dvWY [2001:268:c0d0:700e:*]) 2024/01/11(木)10:35 ID:oja63d6W0(1) AAS
function(e){
// input要素以外をクリックした場合の処理
if (e.target.tagName !== 'INPUT') {
alert("www");
}
}
89: (ﾜｯﾁｮｲ 0510-zseD [180.12.82.129]) 2024/01/11(木)13:03 ID:L0eqWFW50(2/2) AAS
>>87
子要素を除外したelementを取得したいってことっす
>>88
ありがとうございます試してみます
90: (ﾜｯﾁｮｲ b536-QPx5 [2400:4052:5062:9ff0:*]) 2024/01/11(木)14:18 ID:8+5yXztZ0(2/2) AAS
それ、バブリングを意識しないとダメかもよ
91(1): (ﾜｯﾁｮｲ 231b-JApz [2400:4151:a4a0:6500:*]) 2024/01/11(木)14:44 ID:bfPtSoSL0(1/2) AAS
先ほどは手元にソースコードがなかったので即席で質問してしまいました。
やりたいことはテーブル部分でタッチムーブしたときブラウザのスクロールを禁止にしたいのですが、
テーブルにあるスライダーまでロックされて動かせないようになってしまうので、
スライダーを除外したテーブル部分のelementだけ取得できれば上手くできるのでは？と思ったから先ほどのような質問をしてしまいました。
ようするにブラウザのスクロール禁止にするけどスライダーは動かせるようにしたいんです。
<table style="width:500px;height:300px;background:#ffff00" id="aaa">
<tr><td><input type="range" step="1" min="0" max="10" value="1"></td></tr>
省10
92: (ﾜｯﾁｮｲ 85ae-Lq2F [2409:251:9020:2100:*]) 2024/01/11(木)15:08 ID:k0wEY4GK0(1) AAS
よく分からんが、cssでそんなのがあるな
外部ﾘﾝｸ:developer.mozilla.org
93(1): (ﾜｯﾁｮｲ 1501-JApz [60.132.249.142]) 2024/01/11(木)16:34 ID:tWeEPqJO0(1) AAS
>>91
preventDefault()をstopPropagation()に変えるだけでいいかもしれない
この場合は多分preventDefault()はいらない
94(1): (ﾜｯﾁｮｲ 8d43-n7AJ [114.166.5.254]) 2024/01/11(木)22:20 ID:vnpK4WpS0(1) AAS
clickやmousedownに仕込む話したど思ったのでバブリングを指摘したけれど
スマホの場合にスライダー操作でスクロールしちゃうのを止めたい場合の話なら別問題
スクロールはブラウザ側の仕組みでDOMのイベントバブリングを止めてもダメ
それとターブルじゃなくて、スライダーをtouchmoveしたときにスクロールを止めたいのじゃないですか
要件としては
スライダーのtouchstartでブラウザのスクロール機能を無効にして
スライダーのtouchendでブラウザのスクロール機能を有効に戻す
省1
95: (ﾜｯﾁｮｲ 231d-JApz [2400:4151:a4a0:6500:*]) 2024/01/11(木)22:41 ID:bfPtSoSL0(2/2) AAS
>>93
ありがとうございます。
スライダーのelementにe.stopPropagation()をしたらスライダーを動かせるようになりました
>>94
ありがとうございます。試してみます。
96: (ﾜｯﾁｮｲ 85e7-UQX2 [2404:7a87:26a0:9e00:*]) 2024/01/13(土)03:22 ID:bBKen2/T0(1) AAS
すいません、vueの質問はここでいいですか？
97: (ﾜｯﾁｮｲ e3a8-57IR [2400:2200:45d:4c3b:*]) 2024/01/13(土)11:42 ID:sUiBS1y50(1) AAS
↓あたりにどうぞ
JavaScriptフロントエンド総合 Part.11
2chｽﾚ:tech
Vue vs React vs Angular vs Svelte Part.11
2chｽﾚ:tech
98: (ﾜｯﾁｮｲ ad01-1c9G [126.168.252.135]) 2024/01/14(日)17:21 ID:vAN1c9wS0(1) AAS
ありがとうございます
99(5): (ﾜｯﾁｮｲ 4d7c-MQtI [122.212.16.94]) 2024/01/26(金)17:25 ID:2+81uqBd0(1) AAS
WebフロントエンドでのJavaScriptを勉強中です
「jQueryでできることは素のJSでもできるのがほとんどになったから、jQuery不要」という話しが出てきますが、
エレメントの操作などで、素のJSだと記述する文字が長く、jQueryだとすごく短く書けるので、それだけでも十分便利と感じています。
document.querySelector('selector')
⇒ $('selector')
jQuery不要の場合、効率良く書くために代わりに何を使っているのか気になります。
大型のフレームワークとかでしょうか？フレームワーク使うと、ここのエレメントの参照・操作などはもはや不要になるのでしょうか？
100: (ﾜｯﾁｮｲ a300-kvtp [221.118.182.146]) 2024/01/26(金)19:57 ID:vs+8Yc4d0(1) AAS
jQueryの技術覚えてもjQueryにしか使えない。素のJS技術はどんなフレームワーク使っても役に立つ
上下前次1-新書関写板覧索設栞歴
あと 208 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.020s