入力ボックス内にカーソルを置くJSコマンドを与える方法はありますか？

<input value="Hello">

私は入力ボックスにフォーカスを置きJSコードを記述し、内部にカーソルを置きたいです。

私はjQueryのでフォーカスを（）を使用してみました：

$('document').ready(function(){ 
    $($('input')[0]).click(function() { 
     this.focus(); 
    }) 
})

、それは動作しませんでした。

CSSを使用することができます。 –

selector：$('input')を使用してinput要素にアクセスする必要があります。その後、イベントハンドラをJavaScriptイベントのfocusにバインドする必要があります。

$('document').ready(function(){ 
    $('input').focus(); 
});

2017-02-18 17:03:05

これが答えです。 thanks – CrazySynthax

これは、ドキュメント内の最初の 'input'要素がフォーカスを取得するようにします。最初のものがフォーカスを必要とするものではないことが判明した場合には、より具体的なセレクタを使用する必要があります。 –

@ScottMarcus、私はこれを知っています。このセレクタは、この例でのみ使用しました。 OPはそのコードに適合します。 –

このような単純な問題には、JQueryは必要ありません。有効なセレクタを介して要素にアクセスし、.focus()メソッドを呼び出してください。

window.addEventListener("DOMContentLoaded", function(){ 
 
    document.querySelector("input[value='Hello']").focus(); 
 
});

<input value="Hello">

2017-02-18 17:03:13

-1

あなたはそれはあなただけでクリックした要素にフォーカスを置くためにどんな意味がない代わりに

input:focus { 
    background-color: #hex_code; 
}

2017-02-18 17:09:36 bbhatta13

cssを使ってページを読み込んだときに '.focus'イベントをバインドする方法はありますか？ –

これで、要素にフォーカスが移動することはありません。それは、それが一度焦点を当てればそれをスタイルするでしょう。 –

答えて