は、私は自動的にパスワードとユーザー名を追加して、DOM要素をシャドウするために、「入力」をクリックする必要が自動的に

Question

シャドウDOM要素にデータを追加します。

は、私が追加するためのコードがある：

document.querySelector('input').value = "username"; 
document.querySelectorAll('input')[1].value ="password"; 

それの作品は、私は必要なフィールドにユーザー名とパスワードを参照してください。しかし、次のコードを使用してボタンをクリックすると：

document.querySelector('button').click() 

私はプロセスが開始してから何も表示されず、フィールドが空になるのを見ます。

ボタンのコードは：私はこれを手動で行う場合

<span class="_r "> 
<button class="_a">Enter</button> 
</span> 

、すべてが問題なく動作します。なぜ自動モードが機能しないのですか？

Answer 1

私は<button>をクリックするとフォームが送信されるためです。

フォームを送信する場所を指定しなかった場合、現在のページが再度要求され、<input>タグの内容がリセットされます。

<form onsubmit="return false"> 

...やフォームを処理するJavaScript関数を呼び出します（そして、あなたがページに移動したくない場合はfalseを返す）：

あなたはこのようなonsubmit属性を設定する必要があります。

<form onsubmit="process()"> 

それともaction属性でフォームを送信するためのURLを指定：

<form action="/form">