2

我为电话号码输入创建了一个 Web 用户控件，其中包含 3 个用于区号、号码和分机的文本框。文本框位于用于定位的表格中，表格位于跨度内。在使用我拥有的控件的页面中<asp:Label ID="Label6" runat="server" AssociatedControlID="uxPhoneNumber">Phone</asp:Label>

我想要做的是在点击相关标签时将焦点设置到区域代码输入。单击标签时，Web 用户控件是否获得焦点，或者我可以更改 ascx 中的 html 以使其有效？我已经尝试添加onfocus()到<span>标签和<table>标签，以便我可以使用 javascript 来设置焦点，但没有引发事件。如果我将 onfocus() 事件移动到第一个输入，它会触发并且我的脚本运行

这是完整的 ascx 代码。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PhoneNumber.ascx.cs" Inherits="CustomControls.PhoneNumber" %>
<span id="uxPhoneNumberControl" runat="server" style="display: inline-block;" onfocus="setInitialFocus()">
    <asp:Table ID="uxPhoneNumberTable" runat="server">
        <asp:TableRow runat="server">
            <asp:TableCell runat="server">
                <telerik:RadMaskedTextBox ID="uxAreaCode" runat="server" Columns="3" Mask="###" CssClass="span1" Skin="" MaxLength="3"></telerik:RadMaskedTextBox>
            </asp:TableCell>
            <asp:TableCell runat="server">
                <telerik:RadMaskedTextBox ID="uxPhoneNumber" runat="server" Mask="###-####" Skin="" Columns="10" CssClass="input-mini" MaxLength="8"></telerik:RadMaskedTextBox>
            </asp:TableCell>
            <asp:TableCell runat="server">
                <asp:Label ID="uxExtensionLabel" runat="server" Text="Ext." AssociatedControlID="uxExtension" CssClass="controls-label"></asp:Label>
            </asp:TableCell>
            <asp:TableCell runat="server">
                <telerik:RadMaskedTextBox ID="uxExtension" runat="server" Columns="5" Mask="#####" Skin="" CssClass="span1"></telerik:RadMaskedTextBox>
            </asp:TableCell>
        </asp:TableRow>
    </asp:Table>
    <asp:HiddenField ID="uxPhoneEntity" runat="server" />
</span>
4

2 回答 2

0

尝试将 jQuery click 事件附加到 span，然后将焦点设置为输入，如下所示：

$(document).ready(function(){
    $('#uxPhoneNumberControl').on('click',function(){
        $("#InputID").focus();
    });
});

注意：我InputID在focus()调用中放了一个通用名称，因为我无法分辨您使用什么 ID 或类来唯一标识您想要设置焦点的区号输入控件。

于 2013-07-31T17:10:14.250 回答
0

您的setInitialFocus()函数应如下所示：

function setInitialFocus()
{
    var area = document.getElementById("<%=uxAreaCode.ClientID%>");
    area.focus();
    return true;
}

这会定位uxAreaCode对象并强制其聚焦。

于 2013-07-31T21:10:52.037 回答