簡體   English   中英

如何使用 jquery 掩碼插件在第一個字符位置移動 cursor?

[英]How to move cursor at first character positon using jquery mask plugin?

我進行了很多搜索,發現了相同類型的問題,但並不完全相同,也沒有找到滿意的答案。 所以想了想,應該問的更具體一點。 使用 Jquery 掩碼插件,無論我點擊哪個位置,我都希望我的 cursor 一開始總是。 如果我單擊該文本框,cursor 應該在開頭。 用我下面的代碼。 無論我在哪里單擊文本框,cursor 都會獲得該特定位置。 如何避免這種情況?

 <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 });
    }

更新: 在此處輸入圖像描述

直播鏈接https://dotnetfiddle.net/Gipb8h

我更改了電話 class 名稱。

<%@ 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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM