js在输入框屏蔽按键,只能键入数字的示例代码
2018-10-12 13:54
1306 查看
<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事件将不会被触发,并且输入框中也不会有用户刚按下的这个字符,从而实现了屏蔽某些字符的目的。了解了这一事件触发原理,思想上应当有所延伸(比如鼠标的几个事件也会是这样的机制)...
您可能感兴趣的文章:
相关文章推荐
- js在输入框屏蔽按键,只能键入数字的示例代码
- js在输入框屏蔽按键,只能键入数字
- JS 屏蔽按键效果与改变按键效果的示例代码
- JS 屏蔽按键效果与改变按键效果的示例代码
- js验证只能输入汉字 只能输入数字 只能输入英文和数字 控制输入框只能输入...
- JS实现仿百度输入框自动匹配功能的示例代码
- js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
- js验证只能输入汉字 只能输入数字 只能输入英文和数字 控制输入框只能输入文字或数字。。。
- JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
- js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
- JS控制只能往输入框中输入数字
- Js日期选择器并自动加入到输入框中示例代码
- Js 正则限制只能输入数字或中文的代码
- 用js使得输入框input只能输入数字
- JS实现输入框只能输入数字
- js实现input输入框只能输入数字的功能(完美测试通过)
- js 事件截取enter按键页面提交事件示例代码
- JS控制Input输入框只能输入数字
- js让input输入框只能输入数字
- js、正则限制input输入框只能输入数字或者小数