Как переместить курсор на первую позицию символа, используя плагин jquery mask? - PullRequest
Новая
       44

Как переместить курсор на первую позицию символа, используя плагин jquery mask?

0 голосов
/ 21 октября 2019

Я много искал и нашел такой же вопрос, но не совсем такой, и не нашел удовлетворительного ответа. Так подумал, стоит спросить, что конкретнее. Используя плагин 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 });
    }

Обновлено: enter image description here

1 Ответ

1 голос
/ 22 октября 2019

Прямая ссылка 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>
...