html输入框事件

发布时间:2025-12-09 22:08:54 浏览次数:4

声明:少部分原创,大部分转载。

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

1.onkeyup事件

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

2.onkeypress事件

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

3.onkeyup事件

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

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

4.onafterpaste 

粘贴触发

只能输入中文

[javascript]  view plain  copy
  • <input type="text" οnkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">    
  • 只能输入英文 [javascript]  view plain  copy
  • <input type="text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">    
  • 文本框只能输入数字代码(小数点也不能输入)

    [javascript]  view plain  copy
  • <input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">  
  • 只能输入数字,能输小数点 [javascript]  view plain  copy
  • 方法一:<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
  • 方法二:<input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  
  • 方法三:<input οnkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d.]/g,'')" >  
  • 只能输入数字和英文 [javascript]  view plain  copy
  • <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">  
  • 只能输入字母和中文 [javascript]  view plain  copy
  • <input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"   
  •  maxlength=10 name="Numbers">  
  • 只能输入字母和数字 [javascript]  view plain  copy
  • <input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">  
  • 需要做网站?需要网络推广?欢迎咨询客户经理 13272073477