+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (742ﾚｽ)
上下前次1-新
266: 2022/07/21(木)19:28 ID:??? AAS
>>264>>265
ありがとうございます。やってみます。この方法なら、keyごと（ボタンごと）に、
addEventListener()
つくらなくていいのかもしれないですね。
60個も、addEventListener()つくるのは面倒だなと思ってました。
267: 2022/07/21(木)19:31 ID:??? AAS
あ。いや。ボタン毎にaddEventListener()記述しないと、同じ音が出てしまうな。。
268(1): 2022/07/21(木)19:42 ID:??? AAS
繰り返しaddEventListenerでイベントハンドラ設定するのが嫌なら、
適当な親要素にイベントハンドラつけてそのイベントハンドラ内で
let button = event.target.closest(".white-key");
ってやればいいんじゃないかな
外部ﾘﾝｸ:developer.mozilla.org
269(1): 2022/07/21(木)23:38 ID:??? AAS
こんな感じかね
外部ﾘﾝｸ:jsfiddle.net
270: 2022/07/22(金)08:54 ID:LPjEgNsv(1) AAS
フリーランス向けエージェント「クラウドテック」会員数8万人突破
〜働きやすい環境構築のため、単価向上・全年齢の活躍の場創出・
地方企業のDX推進の取り組みを強化します〜
フリーランスエンジニア専門の案件一括検索サイト「フリーランススタート」、
累計掲載案件数25万件突破！リモートワークの累計掲載案件数35,000件突破！
新規人材の80%がフルリモート希望！ IT人材市況動向レポート2021年12月版を公開
人口移動報告 家賃高い、首都圏脱出 「コロナ禍、仕事フルリモート」
クラウドテック、地方企業向け『クラウドテックDX』を開始、
7万人を超えるDX人材が、地方の非IT企業のDX推進を支援
省3
271(2): 2022/07/22(金)15:02 ID:??? AAS
jQuery で、外側・親にイベントを付けて、親で子のイベントをキャッチする。
$( event.target )
<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>
$( function ( ) {
// 外側・親にイベントを付けて、親で子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
省4
272: 2022/07/22(金)20:52 ID:??? AAS
なんでjQuery？
273: 2022/07/22(金)21:45 ID:??? AAS
>268
>269
>271もかな。
ありがとうございます。
>269の発想はJavaScriptに慣れてないとできそうじゃないねえ。
勉強になりました。参考にさせていただきます。
274: 271 2022/07/22(金)23:10 ID:??? AAS
JavaScript は難しすぎる。
バグってばかりで、アホらしい
漏れは、Ruby, jQuery ぐらいしか書けない
275: 2022/07/23(土)00:06 ID:??? AAS
言語とライブラリを混同してる時点で理解不足としか
276: 2022/07/23(土)03:29 ID:FClyRvyS(1) AAS
疑似的に、sablimeTextとか、VisualStudioCodeを模して
ソースコードに対して、キーワード毎に色付けるような、
javascriptのパッケージてないですか？
277: 2022/07/23(土)04:01 ID:??? AAS
すいません。わかりづらいので修正。
ソースコードに対して×
htmlに書かれた、スニペットに対して〇
278: 2022/07/23(土)13:09 ID:??? AAS
こういうの？
外部ﾘﾝｸ:qiita.com
279: 2022/07/23(土)14:30 ID:??? AAS
ありがとうございます。まさにそれです。
280: 2022/07/27(水)14:20 ID:4QcDaVi1(1) AAS
これで音がなるのですが、zingle.mp3は１０秒程度の長さです。
３秒ぐらいで音をストップさせるにはどうすればいいですか？
const sound_c = new Audio('sound/zingle.mp3');
sound_c .play();
281: 2022/07/27(水)14:34 ID:??? AAS
setTimeout()で解決しました。おさわがせしました。
282: 2022/08/03(水)18:48 ID:Nj6BOTMG(1/13) AAS
＜!DOCTYPE html＞
＜html＞
＜head＞
＜script type="text/javascript" src="外部ﾘﾝｸ:code.jquery.com＞＜/script＞
＜title＞サンプル＜/title＞
＜/head＞
＜body＞
＜input type="button" value="再生" id="button"＞
＜script＞
if ($('#button').val() === "再生"){
省13
283: 2022/08/03(水)20:01 ID:Nj6BOTMG(2/13) AAS
＜!DOCTYPE html＞
＜html＞
＜head＞
＜script type="text/javascript" src="外部ﾘﾝｸ:code.jquery.com＞＜/script＞
＜title＞サンプル＜/title＞
＜/head＞
＜body＞
＜input type="button" value="再生" id="button"＞
＜script＞
var playing_flag = false;
省17
284: 2022/08/03(水)20:12 ID:??? AAS
こういうこと？
ボタンを無効化させる意図がよく分からんけど
disableかstyleのpointer-eventかければいいだけかと
画像ﾘﾝｸ[jpg]:i.imgur.com
285: 2022/08/03(水)20:17 ID:Nj6BOTMG(3/13) AAS
もちろん、もともとの目的は無効化なんだけど。
それより、
if(false){
実行A
}
の状態なのに、実行Aが実行されているのが気になって。
上下前次1-新書関写板覧索設栞歴
あと 457 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.012s