この度、Webページ内の特定のCSSセレクタ(inputタグ)に対して、マウスでクリックを行った際と同じ動作を実現したくコードを記述しております。
3種類の方法を行いましたが、実際にマウスでクリックした時のようにinputのtextエリアに対してクリックされた状態にはならず苦戦致しております。(カーソルが点滅して文字入力が可能となる状態の事となります。)
javascript
1document.querySelector('セレクタ名').focus(); 2document.querySelector('セレクタ名').click(); 3document.querySelector('セレクタ名').selected = true;
html
1<input autocapitalize="sentences" autocomplete="name" autocorrect="on" maxlength="50" name="name" spellcheck="true" type="text" dir="auto" data-focusable="true" class="r-30o5oe r-1niwhzg r-17gur6a r-1yadl64 r-deolkf r-homxoj r-poiln3 r-7cikom r-1ny4l3l r-1inuy60 r-utggzx r-vmopo1 r-1w50u8q r-1lrr6ok r-1dz5y72 r-1ttztb7 r-13qz1uu" value="">
上記以外の方法で、これを実現する方法をご存じの方がいらっしゃいましたらご教授頂けますと幸いです。
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー