Domはデータテキストフィールドにカーソルを挿入します

Question

私はHTML DOMの初心者です。フォーカスをtextareaにして、カーソルをタイプするようにします。

<div class="_4bl9"> 
    <div class=" _30z _4h96"> 
    <textarea name="xhpc_message_text" placeholder="Write something..." class="_4h98"></textarea> 
    <input value="" name="xhpc_message" type="hidden"> 
    </div> 
</div> 

私は以前このコードを使用していましたが、それはもはや動作していませんでした。

document.getElementsByName('xhpc_message')[0].focus() 

私に他の方法を提案できますか？ありがとう。

Answer 1

document.getElementsByName('xhpc_message_text')[0].focus()

<div class="_4bl9"> 
 
    <div class=" _30z _4h96"> 
 
    <textarea name="xhpc_message_text" placeholder="Write something..." class="_4h98"></textarea> 
 
    <input value="" name="xhpc_message" type="hidden"> 
 
    </div> 
 
</div>

。それはxhpc_messageではありませんxhpc_message_text

Answer 2

inputフィールドが非表示なので、inputフィールドではなく、textareaフィールドにカーソルを置きたいとします。

これを行う場合は、前のコードで要素を選択するために使用する名前が正しくないため、xhpc_message_textにする必要があります。

次の例では、textareaにカーソルを置く：あなたのスクリプトにタイプミスがあり

document.getElementsByName('xhpc_message_text')[0].focus(); 
document.getElementsByName('xhpc_message_text')[0].select();