javascript - 如何使用 jquery 掩码插件将光标移动到第一个字符位置?
问题描述
我进行了很多搜索,发现了相同类型的问题,但并不完全相同,也没有找到满意的答案。所以想了想,应该问的更具体一点。使用 Jquery 掩码插件,无论我点击哪个位置,我都希望我的光标始终位于开头。如果我点击该文本框,光标应该在开头。用我下面的代码。无论我在哪里点击文本框,光标都会得到那个特定的位置。如何避免这种情况?
<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
我更改了电话类名称。
<%@ 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>
推荐阅读
- mongodb - MongoDB groupby - 在字段中提取逗号分隔值
- python - Python 中的关键错误,使用 Pycharm 和 Pandas
- react-native - 前端基于OAUTH2获取社交登录中的访问令牌不是很危险吗?
- javascript - 无法使用 fetch 解决承诺
- laravel - 如何从 laravel-8 的另一个表中的表中调用 id
- java - 如何在单独的线程中执行 HTTP 请求并返回响应
- java - 如何将自定义 Http 客户端注入 Spring Cloud openfeign?
- c# - 具有自定义图像和文本在运行时更改的 RadioButton
- r - 如何绘制多个时间点之间的 Pearson 相关性?
- javascript - 当我在 puppeteer 中使用代理标志时,waitForSelector 返回 TimeoutError