当前位置 : 主页 > 网页制作 > JQuery >

使用jquery禁用文本字段中的字母复制粘贴

来源:互联网 收集:自由互联 发布时间:2021-06-15
在我的项目中,我的文本字段只取数值.但是当我使用ctl c复制字母并使用ctl v粘贴时,它将允许文本字段中的字母表.所以我使用以下代码禁用复制和粘贴. $('input').bind('copy paste', function(e)
在我的项目中,我的文本字段只取数值.但是当我使用ctl c复制字母并使用ctl v粘贴时,它将允许文本字段中的字母表.所以我使用以下代码禁用复制和粘贴.

$('input').bind('copy paste', function(e) {
 e.preventDefault();
});

但我想只防止字母表.这意味着我想复制粘贴数值不是字母.

试试这个功能.这可能不是你想要的,但你可以做一些事情.我之前已经这样做了并发布在我的博客上.

JS:

$(function(){  
                $(".numericOnly").bind('keypress',function(e){  
                          if(e.keyCode == '9' || e.keyCode == '16'){  
                                return;  
                           }  
                           var code;  
                           if (e.keyCode) code = e.keyCode;  
                           else if (e.which) code = e.which;   
                           if(e.which == 46)  
                                return false;  
                           if (code == 8 || code == 46)  
                                return true;  
                           if (code < 48 || code > 57)  
                                return false;  
                     }  
                );  
                $(".numericOnly").bind("paste",function(e) {  
                     e.preventDefault();  
                });  
                $(".numericOnly").bind('mouseenter',function(e){  
                      var val = $(this).val();  
                      if (val!='0'){  
                           val=val.replace(/[^0-9]+/g, "")  
                           $(this).val(val);  
                      }  
                });  
           });

HTML:

<body>  
       <input type="text" id="textBox" class="numericOnly" />  
 </body>

这将允许您仅输入数值.你甚至无法复制粘贴和拖放.

DEMO

Code Link

网友评论