js在输入框屏蔽按键,只能键入数字的示例代码

 本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助

代码如下:
<script language="javascript">
function GetInput(){//屏蔽非数字和非退格符
    var k = event.keyCode;   //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←
    if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){
     return true;
    } else {
     return false;
    }
}
function Set(obj){
   //即时处理输入框的内容,比如进行某些运算
}
</script>
<input type='text' value='1' onkeydown='return GetInput()' onkeyup='Set(this)' >
 
技术要领:onkeydown事件先于onkeyup事件被触发;当onkeydown事件return false时onkeyup事件将不会被触发,并且输入框中也不会有用户刚按下的这个字符,从而实现了屏蔽某些字符的目的。了解了这一事件触发原理,思想上应当有所延伸(比如鼠标的几个事件也会是这样的机制)... 
 

时间: 2024-12-04 11:46:29

js在输入框屏蔽按键,只能键入数字的示例代码的相关文章

js在输入框屏蔽按键,只能键入数字的示例代码_javascript技巧

复制代码 代码如下: <script language="javascript">function GetInput(){//屏蔽非数字和非退格符    var k = event.keyCode;   //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←    if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){     r

限制只能输入数字的实现代码_javascript技巧

当我们在一些网站注册账号.填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的.为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号.邮编.电话号码这类文本框不能输入其他字符,只能是数字. 通过使用正则匹配输入的时候只是数字: var numRegex = /\D/g再通过JavaScript的 onblur 事件: 定义和用法onblur 事件会在对象失去焦点时发生. Onblur 经常用于Javascript验证代码,一般用于表单输入框 语法 HTML

JS保留两位小数,多位小数的示例代码

 本篇文章主要是对JS保留两位小数,多位小数的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助   代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- function formatFloat(src, pos) {     return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos); }   alert(formatFloat("1212.2323&q

JS检测输入字符是否包含非法字符的示例代码

 本篇文章主要是对JS检测输入字符是否包含非法字符的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: function checks(t){    szMsg="[#_%&'/",;:=!^]";    alertStr="";    for(i=1;i<szMsg.length+1;i++){     if(t.indexOf(szMsg.substring(i-1,i))>-1){      alertS

js获取判断上传文件后缀名的示例代码

 本篇文章主要是对js获取判断上传文件后缀名的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: function lastname(){  //获取欲上传的文件路径 var filepath = document.getElementById("file1").value;  //为了避免转义反斜杠出问题,这里将对其进行转换 var re = /(+)/g;  var filename=filepath.replace(re,"#");

js设置文本框中焦点位置在最后的示例代码

 本篇文章主要是对js设置文本框中焦点位置在最后的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在火狐浏览器中直接使用this.focus();即可实现.   在IE中,在this.focus();之后再把文本框的值赋给文本框,焦点即在最后了.很简单哟!!   如:   代码如下: var tar=document.getElementByIdx_x("name"); if(tar.attachEvent){ tar.attachEvent('onmouseover

js 获取、清空input type=&quot;file&quot;的值示例代码

 本篇文章主要是对js获取.清空input type="file"的值的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 上传控件基础知识说明:   上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,

js带按钮的提示框可供选择示例代码_javascript技巧

今天在项目当中遇到一个问题(本人前台功底不深,高手勿喷): 可以供选择的弹出框: 利用jQuery没有想到好的提示效果. 参看js的API文档实现如下===confirm: 复制代码 代码如下: var r=confirm("该订单号已经存在,请重新输入或查询已存在订单详情!") if (di != null&& (r==true)) { userNameCnl.focus();//定位 userNameCnl.value = "";//清空数据 }

基于jquery的设置页面文本框 只能输入数字的实现代码_jquery

代码如下: 复制代码 代码如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.