用onkeyup和onafterpaste事件实现限制文本框只能输入数字

在网页开发中,我们经常会遇到一些输入框需要限制只能输入数字的情况,例如一个手机号码输入框,这时我们就要限制用户只能输入数字,因为手机号码是由数字组成的。同时,我们在限制输入的时候,还要限制用户通过复制粘贴的方式来输入非数字的内容。今天,我们就来学习使用onkeyup和onafterpaste事件实现限制文本框只能输入数字。

首先我们来看一下html源码:

<input type="text" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" />
我们使用了onkeyup和onafterpaste事件来进行限制用户输入和粘贴,当用户输入的是非数字时,将自动执行“撤销”操作,将用户输入或者粘贴的非数字内容清除掉。是不是很简单呢?

  1. 本网站所收集的部分资料来源于互联网,本站不对其真实性负责,也不构成任何其他建议。如果您发现有侵犯您权益的内容,请与我们取得联系,我们会及时修改或删除。
  2. 传递知识、传递力量,欢迎各位网友对本站的文章进行转载和分享。
  3. 本站QQ群交流群:904314688  群号:904314688
发表评论
 
评论列表(目前共有 条评论)
暂时还没有评论哦~

文章搜索

商家广告


版权所有:秋风雅居 (www.198933.com) ©2024 All Rights Reserved.

粤ICP备20031662号