+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (742ﾚｽ)
上下前次1-新
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が実行されているのが気になって。
286: 2022/08/03(水)20:22 ID:??? AAS
false === false は真だろ
287: 2022/08/03(水)20:23 ID:Nj6BOTMG(4/13) AAS
お。
288: 2022/08/03(水)20:27 ID:??? AAS
そっかー。ありがとう。これに２時間悩んでたww
289: 2022/08/03(水)20:32 ID:Nj6BOTMG(5/13) AAS
いや。解決してない。
290(1): 2022/08/03(水)20:36 ID:Nj6BOTMG(6/13) AAS
＜script＞
var playing_flag = false;
if (playing_flag === false){
$('#button').click(function() {
console.log('ボタンが押された');
console.log(playing_flag);
$('#button').val('演奏中止');
playing_flag = true;
console.log(playing_flag);
// run();
省9
上下前次1-新書関写板覧索設栞歴
あと 452 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.337s*