单击<div>以聚焦<input /> </div>

时间:2012-04-15 16:49:53

标签: javascript jquery html input onclick

我有一系列input元素,每个元素都有一些<div>个标记 我希望click位于<div>focusinput {{1}} {。}}。 这是否可能,如果是这样,任何人都可以提供关于脚本的想法吗?

6 个答案:

答案 0 :(得分:27)

JS中已经提供此功能时,我没有理由要求HTML执行此操作。

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

答案 1 :(得分:20)

尝试使用jquery:

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

答案 2 :(得分:15)

试试这个:

<input id="myInput" />
<div onclick="document.getElementById('myInput').focus(); return false;"></div>

答案 3 :(得分:5)

$('div').click(function() {
    $(this).find('input[type="text"]').focus();
});​

LIVE DEMO

答案 4 :(得分:2)

  1. 使用javascript(在输入元素上调用.focus())
  2. 使用缠绕你的div(仅当div 标签时才有意义)

答案 5 :(得分:0)

  1. 使用HTML(“ 用于”):

    HTML提供了此功能。 使用“ 用于”,“ id ”可以轻松实现。

 <label for="idname">Click Here to Reach Input<label>
 <input id="idname" type="text">
  1. 使用jQuery(“ 焦点”)
  

$(“。classname”)。click(function(){

     
    

$(“ input”)。焦点(); })