+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (740ﾚｽ)
上下前次1-新
191: 2021/11/07(日)22:01 ID:??? AAS
>>190
ありがとうございます。
何度もソースコードを投稿しようとしているのですがはじかれます。
すみません。
192: 2021/11/07(日)22:40 ID:??? AAS
スクリプトタグは、はじかれる。
<scr＠ipt>
コードは、jsfiddle, paiza などへ書けばよい。
>>2-4
を参照
193: 2021/11/07(日)23:01 ID:??? AAS
>>183
iframe にサイズ指定をすれば、小さく表示されるのでは？
194(1): 2021/11/07(日)23:12 ID:??? AAS
>>186
ファイルの保存は、バックエンド(サーバー側)の言語で書く
例えば、Ruby on Rails なら、Rubyで書く。
Word Press なら、PHP で書く。
Node.js なら、JavaScript で書く
だから、まず、サーバーのフレームワークが何で、言語が何か、調べなければならない
それかサーバーに、ファイル保存用のAPI が作ってあって、
それを通して、保存できるようになっているとか
195: 2021/11/08(月)19:57 ID:??? AAS
>>194
ありがとうございます
意味わからなくて無理そうなのでjsonに保存するのは諦めて
javascriptの変数をメールフォームに入れて送るのを試してみます
196(3): 2021/11/16(火)00:44 ID:??? AAS
すいません、下記のようにボタンを押した時の処理をあらかじめ一つずつJSで書いて書いてるんですが、
ボタンの種類と数が莫大な量になるとJSを書くのが大変になってきました
逆にクリックされた任意のボタンオブジェクトを変数に入れる方法ってあったりしますでしょうか
（ボタンがクリックされる→クリックされたボタンのclassやvalueやtextを調べて目的の処理、という順番に変更したい）
下記が現状のコードです
・html
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnB" value="固有の番号">ボタンBタイプ</button>
・js
省8
197(1): 2021/11/16(火)00:51 ID:??? AAS
イベント移譲
ボタンの親にイベントをつけてevent.targetを調べれば、押されたボタンが分かる
198: 196 2021/11/16(火)00:55 ID:??? AAS
求めてることのイメージ的には下記みたいな感じですがこの一番最初の行の書き方がわからないです
//何かわからんがボタンが押された！
ボタン〇〇addEventListener('click', () =>{
//何のボタンが押された？
クラス名=ボタン〇〇..className;
if(クラス名="BtnA"){
//その他処理
}
});
199: 196 2021/11/16(火)01:07 ID:??? AAS
>>197
調べてみるとこういうページが見つかったのですが、
外部ﾘﾝｸ:alphasis.info
これだと結局、各onClick処理を無数に書かないといけないように見えます
200(1): 2021/11/16(火)02:07 ID:??? AAS
ボタンの外側のエレメントなりbodyなりにイベントリスナ仕込んでevent.target.nodeNameがBUTTONかどうかチェックすればいい
201: 196 2021/11/16(火)06:00 ID:??? AAS
>>200
ありがとうございます
このあたりのページの内容が教えて頂いたことに近いように思うのでまた明日やってみます
外部ﾘﾝｸ[html]:www.javadrive.jp
202(1): 2021/11/16(火)23:46 ID:??? AAS
class="BtnA BtnAll"
class="BtnB BtnAll"
みたいに、BtnAll で、すべてのボタンの処理をまとめれば？
jQuery で書けば、
<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>
$( ".BtnAll" ).on( 'click', function ( ) {
console.log( $(this).prop( 'value' ) )
} );
203: 202 2021/11/17(水)00:07 ID:??? AAS
>>202
では、event listener の数が多くなるのか。
それなら、外側・親に、イベントを付けて、親でイベントをキャッチする
jQuery で書けば、
<div id="btn-wrap">
<button class="BtnA" value="1">A-1</button>
<button class="BtnA" value="2">A-2</button>
<button class="BtnB" value="3">B-3</button>
</div>
$( '#btn-wrap' ).on( 'click', function ( event ) {
省2
204: 2021/11/22(月)15:09 ID:??? AAS
この種の質問は何度もされてると思いますが prototypeを使った継承について教えてください
function Base(x=0,y=0) { [this.x, this.y] = [x, y] }
Base.prototype.hello = function () { console.log("hello:"+ this.x +"," + this.y) }
// パターン 1
function Derived(z=0) { Base.call(this,10,20); this.z = z }
Derived.prototype = Object.create(Base.prototype); // → Base {}
let obj = new Derived(30); // → { x: 10, y: 20, z: 30 }
obj.hello(); // → hello:10,20
obj.__proto__.__proto__.hello === Base.prototype.hello; // → true
// パターン 2
省7
205(1): 2021/11/22(月)17:27 ID:??? AAS
スプレッド構文でコピーしちゃったらそのあとでBase.prototypeに何かしても反映されないし
getter/setter/列挙不可能プロパティあたりで問題があるかな
206: 2021/11/22(月)17:49 ID:??? AAS
>>205 ありがとうございます
> あとでBase.prototypeに何かしても反映されない
ああ...確かにそうですね。
207: 2021/11/23(火)11:38 ID:??? AAS
ES2015 から、class 構文が使えるから、
そういう、昔の書き方をしなくても良い
208: 2021/11/23(火)12:58 ID:??? AAS
せやなclass構文よりオブジェクトリテラルのスプレッド構文の方が新しいし
209(2): 2022/01/20(木)18:22 ID:??? AAS
ぷよぷよプラグラミングの質問なんですが
外部ﾘﾝｸ[pdf]:puyo.sega.jp
p8の18行あたり initialize ()の中でイベントリスナーでキー操作呼び出してるのですが
initialize ()って一回しか読まないものだと思うのですがどこでキーイベント取得するのでしょうか
一般的なプログラムだとメインの動いてるところで取得するイメージなんですが？
static initialize () {
// キーボードの入力を確認する
this.keyStatus = {
right: false,
left: false,
省21
210: 2022/01/24(月)18:28 ID:??? AAS
>>209
loop関数の最後に非同期のrAF(loop)があるから、その1/60秒の隙間でブラウザからキー入力を取得してんのかね。
上下前次1-新書関写板覧索設栞歴
あと 530 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.234s*