首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何输入文本以启动数字9?

如何输入文本以启动数字9?
EN

Stack Overflow用户
提问于 2021-12-14 18:04:16
回答 1查看 119关注 0票数 2

我需要一个从数字9开始的文本框,我该怎么做呢?文本框只接受数字,但我需要它从数字9开始。我试过这样做,但它不起作用。

代码语言:javascript
复制
$(document).ready(function () { 
            var $phone = $("#phone");
            $phone.mask('900000000', {reverse: false});
        });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-14 18:21:59

代码语言:javascript
复制
$(function(){
   //get the input element to const
   const $phn = $('#phone');
   //add keydown event
   //if value is a length of 1 and code is backspace or delete return false
   //if length is longer than 1 and delete key is pressed, reset to just 9
   $phn.on('keydown', function(e){
       const code = e.which || e.keyCode;
       //keycode 8 = backspace, keycode 46 = delete
       if($phn.val().length === 1 && (code === 8 || code === 46)){
          return false;
       }
       else if(code === 46){
          $phn.val('9');
          placeCursor($phn);
       }
   });
   
   //initialize value to 9 and place cursor
   $phn.val('9');
   placeCursor($phn);
   
   //function to focus and place cursor in input box
   function placeCursor(input){
      $(input)[0].focus();
      $(input)[0].setSelectionRange($(input).val().length, $(input).val().length);
   }
});
代码语言:javascript
复制
<input type="text" id="phone" />
<script
  src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
  integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="
  crossorigin="anonymous"></script>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70353597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档