Jquery专注于标签点击上的文本框 [英] Jquery focus on text box on label click

问题描述

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

Is there any way I can focus on text box?

ie 点击用户名标签后的情况下的用户名？

i.e. Username on scenario below when username label is clicked?

<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键盘，即在这种情况下用户名：

It works on Mozilla and IE but doesn't work on iPad Safari. Basically, I would like to iPad keyboard to popup when users click on label i.e. username in this scenario:

这是我的jQuery：

Here's my jQuery:

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

推荐答案

你想做什么根本行不通。如果没有用户触摸文本输入元素，就无法启动iPad键盘。这可能是设计的，因为Apple不希望键盘变得恶意/侵入并且随时按需弹出。

What your trying to do simply won't work. It's not possible to bring the iPad keyboard up without user touching the text input element. This could be by design as Apple don't want the keyboard to become malicious/intrusive and keep popping up on demand.

一种解决方法可能是制作用户的点击目标一个文本字段，并将它设置为样式，以便按下它。

One workaround could be to make the user's click target a text field, and style it so they know to press on it.

这篇关于Jquery专注于标签点击上的文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！