web-dev-qa-db-ja.com

<div>をクリックして<input>にフォーカスします

input要素がいくつかあり、それぞれに<div>タグは分離します。
clickのいずれかで<div>そしてfocusinputになります。
これは可能ですか?もし可能なら、だれでも台本に関するアイデアを出すことができますか?

24
Erik

Jqueryでこれを試してください:

$('#yourdiv').click(function() {
     $('#yourfield').focus();
});
20
Adam Seabridge

そのような機能がJSで既に提供されている場合、これを行うためにHTMLが必要な理由はわかりません。

<label for="YOURID">The clickable region<label>
<input id="YOURID" type="text" />
27
apnerve

これを試して :

<input id="myInput" />
<div onclick="document.getElementById('myInput').focus(); return false;"></div>
15
d4rkpr1nc3
$('div').click(function() {
    $(this).find('input[type="text"]').focus();
});​

LIVE DEMO

5
gdoron
  1. javascriptを使用する(入力要素で.focus()を呼び出す)
  2. divをラップして使用する(div isラベルの場合のみ意味があります)
2
Niko Sams