入力とクリック

CDPElement の操作メソッドです。BiDi のみのコンテキストでは 要素の取得 のとおり CDP に変換してから使います。

クリック・送信

Dim t As CDPContext
Set t = ShSetting01_StartBrowser.StartCDPModeContext(StartURL:="https://example.com/form")

t.getElementByID("submit").click
t.getElementByQuery("form").submit

click は省略可能な ReadyState で、クリック後の読み込み待ちを指定できます。

テキスト入力

Dim box As CDPElement
Set box = t.getElementByQuery("input[name='q']")
box.clearValue
box.sendString "検索キーワード"
box.focus
box.selectText

日本語や絵文字も sendString で送れます（UTF-8 送信設定を推奨）。
デモ: Demo_CDP.JapaneseElementTest

属性・選択

Debug.Print box.getAttribute("value")
box.setAttribute "data-x", "1"
t.getElementByQuery("select#country").setSelection "JP"

キー入力

box.sendKey keyEnter   ' keyboardCode 列挙を参照
box.sendClick          ' 座標系クリック相当
box.sendHover          ' 座標系ホバー相当（:hover で出現するメニューなど）

React など仮想 DOM

単純な setAttribute では状態が同期されないことがあります。デモ Demo_CDP.fillReactForm のように、フォーカスやイベント発火（fireEvent）を組み合わせてください。

el.focus
el.sendString "value"
el.fireEvent "input"

関連

• CDPElement
• JavaScript 実行