javascript - 如何使用jquery mask插件将光标移动到第一个字符位置？

Question

我搜索了很多，发现了类似的问题，但不完全相同，没有找到满意的答案。所以想，应该问得更具体一些。使用 Jquery mask 插件，无论我单击哪个位置，我都希望光标始终位于开头。如果我单击该文本框，光标应该位于开头。用我的下面的代码。无论我点击文本框，光标都会到达该特定位置。如何避免这种情况？

 <asp:TextBox ID="tbMobile" CssClass="ContactNumber" runat="server" onfocus="GetPhoneMask();" MaxLength="15" placeholder="555-555-5555" ValidationGroup="Application"></asp:TextBox>

function GetPhoneMask() {
        $(".ContactNumber").mask("999-999-9999", { autoclear: false });
    }

更新:

Answer 1

实时链接 https://dotnetfiddle.net/Gipb8h

我更改了电话类别名称。

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebFormsPW._Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.phone_us').mask('(000) 000-0000');
        })
        //took out
        //function GetPhoneMask() {
        //    $(".ContactNumber").mask("999-999-9999", { autoclear: false });
        //}
    </script>
    <%--    took out onfocus="GetPhoneMask();"--%>
    <asp:TextBox ID="tbMobile" CssClass="phone_us" runat="server" MaxLength="15" placeholder="555-555-5555" ValidationGroup="Application"></asp:TextBox>
</asp:Content>