JavaScriptでループできない

質問

let target = document.getElementById('create_new_user');

let name = document.getElementById('i_new_uname');

let pass = document.getElementById('i_new_passwd');

let pass2 = document.getElementById('i_new_passwd2');

let sakusei = document.getElementById('b_create_user');

let a = new Event('mousedown');

let e = new Event('mouseup');

for (let step = 0; step < 10; step++) {

target.dispatchEvent(a);

target.dispatchEvent(e);

name.value = 'らき⭐︎すた' + Math.random();

pass.value = 'bbbb2'

pass2.value = 'bbbb2'

sakusei.dispatchEvent(a);

sakusei.dispatchEvent(e);

}

これでループしても一回しか繰り返えされません。なぜでしょうか？
ちなみにforの処理の中に他の処理も混ぜたら他の処理はちゃんと動きました。
なぜこれだけ一回しかできないのでしょうか？

回答No.4

retorofan · ベストアンサー

このコードを実行した時に、あなたは
「これでループしても一回しか繰り返えされません。」
とおっしゃっています。
しかし、実行されています。
では、どうしてそういう判断をされたのか？

・JavaScriptのイベント処理には非同期性が関わってくる
その点が考慮されていないからです。
つまり、
「forループの中にイベント処理があった場合、
　必ずしも順序どおりに実行される訳ではない」
ということです。
この問題を解決するためには、
非同期処理を適切に制御する必要があります。

このコード中の forループの部分を、次のように修正してみてください。

for (let step = 0; step < 10; step++) {
setTimeout(function() {
target.dispatchEvent(a);
target.dispatchEvent(e);
name.value = 'らき⭐︎すた' + Math.random();
pass.value = 'bbbb2'
pass2.value = 'bbbb2'
sakusei.dispatchEvent(a);
sakusei.dispatchEvent(e);
　　console.log(step);
}, step * 1000);

このように遅延を設けることで、
各ステップが1秒間隔で確実に実行されます。

お礼

解決しました！ありがとうございました！

Powered by GRATICA

回答No.3

Kaneyan-R

他の方の説明通り、10回ちゃんと繰り返してますね。

ただ、これ自動クリックですよね？
mouse Downとmouse Upを連続で行ってますが、プログラムって言うのは1命令あたり1ミリ秒～数ミリ秒で実行されますから、DownしてUpを数ミリ秒毎に繰り返すと言うことは、連打していることになりますね。
とすると、画面変移する前（クリックを認識して反映する前）に連打しているので、一回目しか反映されていない可能性が考えられます。

タイマー（setInterval/setTimeout）入れて、一回毎に間隔をあけるとどうなるかな？

お礼

回答ありがとうございました！

回答No.2

asciiz

＞これでループしても一回しか繰り返えされません。なぜでしょうか？

いやたぶん、10回回っています。
ただ、最後の結果しか残っていないだけだと思います。

たとえばこちら、
＞pass.value = 'bbbb2'

これをループを使わずに書くと、こうなります。

pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'
pass.value = 'bbbb2'

この結果、pass.value の中身はどうなりますか?
→ 一番最後の代入、'bbbb2' だけとなります。

もしこれが、「pass.value += 'bbbb2'」の繰り返しだったらどうなるでしょう。

pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'
pass.value += 'bbbb2'

これを実行した結果、pass.value の中身は、'bbbb2bbbb2bbbb2bbbb2bbbb2bbbb2bbbb2bbbb2bbbb2bbbb2' となるでしょう。

10回実行した結果を見てみたいなら、結果が残るように、出力方法を工夫してみましょう。

お礼

回答ありがとうございました！

回答No.1

notnot

ループ自体は10回まわっています。
> ちなみにforの処理の中に他の処理も混ぜたら他の処理はちゃんと動きました。
とお書きの通り。

何かの現象を見て「ループしても一回しか繰り返えされません。」と推測したのでしょうけど、その推測が間違っていると言うことです。

「こういう結果を期待していたが、実際はこういう結果であった」と具体的・客観的に書くと、なぜそうなるのかを解説してくれる人がいるかも知れません。
あなたが何を見てどのように推測したのかは他人には分かりません。

お礼

回答ありがとうございました！