chatworkで検索文字を入力させて、検索実行したいのですが、検索実行するタグ?がHTML上に出現していないので、クリックできない状態です。
検索BOXに文字を入力
Javascript
1document.querySelector("#_headerSearch > div > div > input[type=text]").value = 'test';
上記にて、検索窓に文字を入力することはできますが、そこから検索実行ができず困っています。
どうも、手入力で検索窓に文字を入力すると、HTML上に<div class="fade"></div>が出現し、そのdivの中に以下の検索実行できるタグが出てくるようです。
HTML
1<div class="sc-fxMfqs eKhNyu"> 2 <span class="sc-eIvgmF ivIAwz" style="display: inline;"> 3 <span class="sc-bdVaJa vKQHu"> 4 <svg viewBox="0 0 10 10" width="16" height="16" class="sc-bkypNX kHhnYU sc-bwzfXH jhCIfQ" aria-hidden="true"> 5 <use fill-rule="evenodd" xlink:href="#icon_search"></use> 6</svg></span></span> 7 <span class="sc-jklikK koCLIz">"test"でメッセージを検索</span> 8</div>
上記、手動で出現させたタグに対しては、以下のコードで検索実行できることは確認しています。
Javascript
1document.querySelector("#_headerSearch > div.fade > div > div > div > span.sc-jklikK.koCLIz").click();
しかしながら、出現させる方法がわかりません。
動作的には「文字を入力する」事と「フォーカスされている事」の2つが重なった場合に出現しているようすです。
検索BOXのinputに対してmouseoverやonchangeなど?GoogleChromeのデベロッパーツール上でConsoleに出てくるものをかたっぱしから試しましたが、どれも上記の出現をさせることができませんでした。
お手数ですが、ご教示いただけますと幸いです。
よろしくお願いします。
dispatchEventについてヒントをいただき、試した事
Javascript
1var hoge = document.querySelector("#_headerSearch > div > div > input[type=text]")
Javascript
1hoge.dispatchEvent(new Event('blur')); 2hoge.dispatchEvent(new Event("input", {"bubbles": !0})); 3hoge.dispatchEvent(new KeyboardEvent("keyup",{key: "a" }));
![guest](/img/icon/icnUserSample.jpg)
回答2件
あなたの回答
tips
プレビュー