ブックマークレットについて

Question

Googleのトップページにて
https://www.google.co.jp/

キーワード入力欄に「test 」と入力すると自動でいくつかの候補が表示されますが、
ブックマークレットに下記の様に書いて実行しても、
入力欄に「test 」と入力されますが、候補は何も表示されません。
document.getElementsByName('q')[0].value = 'test ';

そこで、この後どうすれば、自動で候補を表示させられるかを教えてください。
キーを押したと言うことをgoogleのjavascriptに伝えれば良いのかなと思うのですが方法が分かりません。
何か関数を呼び出せば良いのでしょうか？

宜しくお願い致します。

Answer 1

dispatchEvent でキーボード入力に対応するイベントを発火させたみては、どうでしょう。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/dispatchEvent

keydown, keyup, input 等、候補はいくつかありますが、ブラウザのDevelopper Toolsで「監視されているイベント」を確認するのが確実です。
https://developers.google.com/web/tools/chrome-devtools/console/events?hl=ja

Re: worldtravel さん

Comments

[worldtravel]

ありがとうございます。
私のレベルではなかなか理解できないのですが、色々と調べて試して見ます。

Answer 2

こんにちは

document.getElementsByName('q')[0].value = 'test ';

のようなコードだけでは入力欄に文字を入力された状態になるだけで、送信はされていません
通常エンターキーを押せばフォームは送信されます。
javascriptで自動的にフォームを送信させたい場合、

document.入力欄のフォーム名.submit()

で試してみてください

Comments

[worldtravel]

ありがとうございます。
submitしてしまいますと、画面が遷移してしまいます。
キーワード入力欄付近に表示されるサジェストキーワードを表示させたいのです。

[退会済みユーザー]

質問をよく読んでいませんでした・・

間違った回答をしてしまいすみませんでした

[worldtravel]

いえいえ、ありがとうございました。

Answer 3

想像ですが、1文字ずつキーインイベントを発生させるのでは？

Comments

[worldtravel]

ありがとうございます。
下記の様にしてスペースを入れてみたつもりですがダメでした。
`var element = document.getElementsByName('q')[0];
element.value = 'test';
element.dispatchEvent(new KeyboardEvent("keydown",{ keyCode: 13 }));`

[otn]

人間が操作するときに発生するイベントを全部シミュレートするのでは？と思いました。

実用的には、RPAツールを使った方が簡単でしょう。

[worldtravel]

chromeにて、ブックマークレットか拡張機能で使いたいと思っています。
表示されるサジェストワードを取得して保存すると言うことを
ある条件に従って繰り返し行いたいのです。
また、無料で使いたいと言うこともあります。
ありがとうございました。