Jquery聚焦于标签上的文本框单击

Question

有什么办法可以让我专注于文本框吗？

即点击用户名标签时下面场景中的用户名？

<tr>
    <td valign="middle" class="loginText">
        <b>
            <label for="UserName">
                UserName:</label></b>
    </td>
    <td valign="middle" >
        <input type="tel" maxlength="6" value="" name="UserName" id="UserName" data-val-required="The User name field is required."
            data-val="true" /><br />
        @Html.ValidationMessageFor(m => m.UserName)
    </td>
</tr>

它适用于 Mozilla 和 IE，但不适用于 iPad Safari。基本上，我希望当用户单击标签(即这种情况下的用户名)时弹出 iPad 键盘:

这是我的 jQuery:

$("label[for]").click(function () {
                var inputid = '#' + $(this).attr('for');
                alert(inputid);
                $(inputid).focus();
            });

Answer 1

您尝试做的事情根本行不通。如果用户不触摸文本输入元素，则无法调出 iPad 键盘。这可能是设计使然，因为苹果不希望键盘变得恶意/侵入并不断按需弹出。

一种解决方法可能是让用户的点击目标成为一个文本字段，并对其进行样式设置，以便他们知道要按下它。