怎样实现input输入非数字不显示值并且每次输入数字进行计算逻辑？
看到一个文本框，如果你输入的是非数字，input什么的都不会显示，当你输入数字时进行计算，
（当输入汉字什么都不显示，输入1，马上进行计算，再输入1，进行计算）
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
这个要分2步走
控制只能输入数字，捕捉keydown事件，查keycode对照表，只允许数字、小键盘数字、删除、退格，剩下的统统preventDefault
输入数字后进行计算，捕捉keyup事件，value发生变化，或者满足上一个keydown事件的条件，进行计算逻辑要分2步的原因，keydown发生时，新的按键还未使value发生变化，所以不应该进行计算逻辑，而keyup发生时，新的按键已使value发生变化，阻止默认事件已经来不及了，退格、删除什么的也不保险，还有可能进入输入法，问题很多，所以不能在这里过滤keycode
2019-07-17 19:26:33赞同 展开评论
相关问答