+ JavaScript の質問用スレッド vol.126 +

+ JavaScript の質問用スレッド vol.126 +at HP

+ JavaScript の質問用スレッド vol.126 + - 暇つぶし2ch■コピペモード
□スレを通常表示
□オプションモード
□このｽﾚｯﾄﾞのURL
■項目テキスト

304:Name_Not_Found
 22/08/04 03:13:38.61 .net
例えば、HTMLスクリプト要素にasync属性が指定してあると、次の二つは共に実行されない。 
new Promise(addEventListener.bind(this, 'DOMContentLoaded')).then(e => console.log(e)); 
await new Promise(addEventListener.bind(this, 'DOMContentLoaded')).then(e => console.log(e)); 
例えば、次は1回クリックしたら次は無い。 
new Promise(document.addEventListener.bind(document, 'click')).then(e => console.log(e)); 
>>301 
これら当たり前過ぎる例を説明できますか？ 
今のJSは巨大なフレームワーク、1997年レベルから2022年レベルにするの大変だろうけど頑張ってね。

305:Name_Not_Found
 22/08/04 23:22:36.77 .net
>>297 
>var playing_flag = false; 
>if (playing_flag === false){ 処理 } 
playing_flag が真偽値・bool 型なら、単にこう書けば？ 
if ( playing_flag ) 
基本、boolを比較してはならない。 
すでに、boolになっているから

306:Name_Not_Found
 22/08/04 23:38:01.22 .net
jQuery のon で、任意の要素に、任意のイベントを追加できる 
<button id="btn_1" class="btn btn-primary"> 
<span class="show-when-enabled">送信</span> 
<span class="show-when-disabled">送信中...</span> 
</button> 
<button id="btn_2">送信ボタンをenable にする</button> 
<style> 
button .show-when-enabled { display: initial; } 
button[disabled] .show-when-enabled { display: none; } 
button .show-when-disabled { display: none; } 
button[disabled] .show-when-disabled { display: initial; } 
</style> 
$( function ( ) { 
$( '#btn_1' ).on( 'click', function ( event ) { 
$( this ).prop( 'disabled', true ); // disable にする 
} ); 
$( '#btn_2' ).on( 'click', function ( event ) { 
$( '#btn_1' ).prop( 'disabled', false ); // enable にする 
} ); 
} );

次ページ