html输入框事件

声明：少部分原创，大部分转载。

本人刚刚参加工作不久，觉得自己需要养成写博客的习惯，因此大多只能做到整理分类这类事情，如有整理不当或是有误，欢迎指正，本人虚心求教，同时希望大佬们多多关照！

1.onkeyup事件

说明：用户按下一个键盘按键时发生

2.onkeypress事件

说明：键盘按键被按下并释放一个键时发生

3.onkeyup事件

说明：键盘按键被松开时发生

上面三个事件发生顺序由上及下依次发生。

4.onafterpaste 

粘贴触发

只能输入中文

[javascript]  view plain  copy

1. <input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">    

只能输入英文

[javascript]  view plain  copy

1. <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">    

文本框只能输入数字代码(小数点也不能输入)

[javascript]  view plain  copy

1. <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">  

只能输入数字,能输小数点

[javascript]  view plain  copy

1. 方法一：<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
2. 方法二：<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  
3. 方法三：<input onkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')" >  

只能输入数字和英文

[javascript]  view plain  copy

1. <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">  

只能输入字母和中文

[javascript]  view plain  copy

1. <input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"   
2.  maxlength=10 name="Numbers">  

只能输入字母和数字

[javascript]  view plain  copy

1. <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">