Javascript 单击<;部门>;聚焦<;输入>;

Javascript 单击<;部门>;聚焦<;输入>;,javascript,jquery,html,input,onclick,Javascript,Jquery,Html,Input,Onclick,我有一系列的input元素,每个元素都有几个标记。 我喜欢在任何上单击,它将聚焦在输入上 这可能吗?如果可能的话,有人能给出剧本的想法吗 使用javascript(在输入元素上调用.focus()) 在div周围使用wrapped(仅当div是标签时才有意义) 试试这个: <input id="myInput" /> <div onclick="document.getElementById('myInput').focus(); return false;"></

我有一系列的
input
元素,每个元素都有几个
标记。
我喜欢在任何
上单击
,它将
聚焦在
输入上

这可能吗?如果可能的话,有人能给出剧本的想法吗

  • 使用javascript(在输入元素上调用.focus())
  • 在div周围使用wrapped(仅当div是标签时才有意义)
  • 试试这个:

    <input id="myInput" />
    <div onclick="document.getElementById('myInput').focus(); return false;"></div>
    
    
    
    用jquery试试这个:

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

    如果
    HTML
    中已经提供了此类功能,我看不出您需要
    JS
    这样做的原因

    <label for="YOURID">The clickable region<label>
    <input id="YOURID" type="text" />
    
    可点击区域
    
  • 使用HTML(表示”):

    HTML提供了这个功能。 使用“forid“您可以轻松实现它

  • 单击此处以访问输入
    
  • 使用jQuery(“焦点”)
  • $(“.classname”)。单击(函数(){

    $(“输入”)。焦点();})


    这是可能的,但您是否考虑过使用
    标签
    ?我认为,当有专门的HTML标记时,您不应该依赖JavaScript来完成这样的简单工作。本例中的
    div
    无法单击,因为它没有维度。@d4rkpr1nc3-谢谢,这正是我要找的。很好的提示。与其他解决方案相比,这是一个更通用的解决方案,并且使用了不引人注目的JS。感谢您的热情反馈!我写的时候也很喜欢……:)这正是我要找的!谢谢8年后这救了我!
    <label for="YOURID">The clickable region<label>
    <input id="YOURID" type="text" />
    
     <label for="idname">Click Here to Reach Input<label>
     <input id="idname" type="text">