控制HTML的input控件的输入内容
2014-03-24 21:42
513 查看
![](http://images.cnitblog.com/i/532580/201403/242142374984175.png)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <script> function showKeyCode(event) { event = window.event || event; alert(event.keyCode); //alert(String.fromCharCode(event.keyCode)); } </script> </head> <body> 不能输入中文:<input type="text" name="textfield" onkeyup="this.value=this.value.replace(/[^\da-z._-]/ig,'');"/><br/> 只允许输入数字和小数点:<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled"><br/> 得到按键的keycode:<input onKeyup="showKeyCode();" style="ime-mode:Disabled"><br/> <pre> 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级。这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后返回一个可打印的“!”字符,而keydown和keyup只是记录了shift + 1这个事件。[1] 但是keypress只能针对一些可以打印出来的字符有效,而对于功能按键,如F1-F12、Backspace、Enter、Escape、 PageUP、PageDown和箭头方向等,就不会产生keypress事件,但是可以产生keydown和keyup事件。然而在FireFox中,功能按键是可以产生keypress事件的。 传递给keydown、keypress和keyup事件句柄的事件对象有一些通用的属性。如果Alt、Ctrl或Shift和一个按键一起按下,这通过事件的altKey、ctrlKey和shiftKey属性表示,这些属性在FireFox和IE中是通用的。 </pre> 参考资料:<br/> <a href="http://blog.csdn.net/xushichang/article/details/4041507">http://blog.csdn.net/xushichang/article/details/4041507<a/> <br/> <a href="http://www.cnblogs.com/lr-ting/archive/2013/04/12/3016927.html">http://www.cnblogs.com/lr-ting/archive/2013/04/12/3016927.html</a> </body> </html>
相关文章推荐
- html input输入控件的问题
- 如何使用javascript控制html中的input文本框只能输入数字
- 控制HTML Input只能输入数字和小数点
- 控制HTML Input只能输入数字和小数点
- js控制input控件只能输入数字
- 输入内容后input控件的位置改变
- html 中 input 控制输入百分比数值范围(0.0-100)
- html input输入框提示输入内容
- js控制input输入的内容
- javascript 控制input只允许输入的各种指定内容
- HTMLInputHidden 隐藏输入控件
- html如何控制input只能输入数字
- 控制HTML Input只能输入数字和小数点
- input控件中输入控制的几种方法
- javascript 控制input只允许输入的各种指定内容
- js对文本框输入的字数限制、通过复选框控制其他html控件的可用性
- [VB.NET]请问题如何使用 正值表达式 来控制使用者Textbox控件输入内容?
- javascript 控制input只允许输入的各种指定内容
- html中对input输入内容的限制
- js对文本框输入的字数限制、通过复选框控制其他html控件的可用性