+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net

+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (739ﾚｽ)
上下前次 1-新

393(1): 2023/04/04(火)11:43 ID:??? AAS
>>392
そのへん少し試したけどうまくいかなくて諦めてた
致し方なしとか言う前にもう少し手を尽くすべきだった
反省

394: >>380 2023/04/04(火)19:16 ID:??? AAS
>>391
currentTargetもts(2339)が発生します

>>392
元々、nullチェックは'event.target' は 'null' の可能性があります。ts(18047)のエラーを消すために入れていたのですが、
条件を!(event.target instanceof HTMLSelectElement)に書き換えてもts(18047)とts(2339)は発生しないので、解決しました。
JSDocコメントでのキャストは気づきませんでした、こちらが適している場面があればこちらも利用していきます。ありがとうございました。

>>390 >>393
そうなんです、@ts-ignoreを使用している行で他のエラーが出た時に気づけなくなるので、あまり使用したくないです。
遅い時間までお付き合いいただき、ありがとうございました。

ところで、event.targetの代わりにfruitを使用すべきではない明確な理由はないが、event.targetを使用するのが(通常|普通|無難)である。ということで合っていますか。

395(1): 2023/04/04(火)22:54 ID:??? AAS
1つのイベントハンドラが複数の要素に対して設定されることは一般的で、その場合はevent.targetを使うことになる
今回のケースはそうでないにしても、可搬性や拡張性を考えれば常にevent.targetを使用しておくという判断は妥当だろう
あと処理結果は同じでも、イベントの起こった要素に対して処理をする、という意図をコードに残す意味もある

いずれにしろ現時点のそのコードだけを考えるならお好きなように

396: >>380 2023/04/05(水)00:34 ID:??? AAS
>>395
確かに以下のような場合にはEvent.targetを使う必要があるし、「意図をコードに残す」にとても合点がいきました。
<button data-x="1">btn1</button>
<button data-x="2">btn2</button>
const btns = document.querySelectorAll('button');
for (const b of btns) {
b.addEventListener('click', e => console.log(e.target.dataset.x));
}

397: 389 2023/04/05(水)10:13 ID:??? AAS
>>389
に書いた

複数のコントローラーに、イベント登録する場合、
外側・親に、イベントを付けて、親側で子のイベントをキャッチする

398: 2023/04/05(水)11:14 ID:??? AAS
このjQuery信者は文脈や論点ってものを全く理解しないのな
jQueryでは～jQueryなら～ってただただ念仏を唱えて布教に励む様子がまさに信者

399: 2023/04/05(水)13:56 ID:??? AAS
Slickで出来てSwiperでできないようなアニメーション処理って何かある？

400: 2023/04/06(木)13:40 ID:??? AAS
Mathjaxって配列環境でcolspan, rowspanって使えないのか？
\multicolumnというべきか

401: 2023/04/13(木)11:04 ID:08KgWRFK(1) AAS
JavaScript でローカルファイルを読み書きするにはどうすればいいでしょうか？
fetchという関数が使えるかと思ったんですが、blocked by CORS policy というエラーになってしまいます。

402: 2023/04/13(木)14:00 ID:??? AAS
CORS(Cross-Origin Resource Sharing)制限は、
ローカルPC 上に、何かのサーバーを立てて、そこから配信すれば良い

VSCode の拡張機能、open in browser では、
file:/// から始まるローカルファイル・アクセスだから、CORS制限あり
file:///C:/Users/Owner/Documents/test.htm

一方、Live Server では、サーバーを立てているから、CORSにならない
外部ﾘﾝｸ[htm]:127.0.0.1:5500

同様に、コマンドプロンプト・PowerShell から、
1-liner で、Ruby で作られた遅いウェブサーバー、WEBrick を起動すると、
ruby -run -e httpd . -p 8080
省2

403: Jun 2023/04/26(水)01:05 ID:2ly3VJ6h(1) AAS
BEｱｲｺﾝ:nida.gif
JavaScriptで電卓を作るよ。

404: 2023/04/27(木)09:25 ID:??? AAS
ChatGPTを使って

405: Jun 2023/04/27(木)23:52 ID:qkYl27sL(1) AAS
BEｱｲｺﾝ:nida.gif
JavaScript + HTML + CSS で電卓やホームページを作るのが今の目標です。

406(1): 2023/05/09(火)15:14 ID:??? AAS
マイナーな質問

XyJaxで、一括して文字色を変える方法教えてくれ

\color{red}を使っても、その箇所だけしか変更できない。
\xymatrix環境内全部の文字色を変えたい

407: 2023/05/10(水)19:05 ID:??? AAS
>>406自己解決

408(2): 2023/06/16(金)12:40 ID:??? AAS
こんにちは。
誰か教えてください。

<style>
.def { color: red;}
</style>

<div>
<p class="abc">aaa</p>
</div>
<div>
<p class="abc">bbb</p>
省7

409(1): 2023/06/16(金)14:16 ID:??? AAS
>>408
document.querySelectorAll('.abc').forEach(element => element.closest("div").classList.add('def'));

410: 2023/06/16(金)14:24 ID:??? AAS
>>409
レスありがとうございます。
closestなんてものがあるのですね。知りませんでした。
おかげで思うように行きました。
ありがとうございます。

411(1): 2023/06/16(金)16:50 ID:??? AAS
>>408
これでもいけると思う
document.querySelectorAll('div:has(> .abc)').forEach(x=>x.classList.add('def'));

412(1): 2023/06/16(金)16:57 ID:??? AAS
これでもいいのかな？間になにか挟まってたらダメだけど
('div >:is(.abc)')

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

あと 327 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.012s