js实现input只输入数字的功能

这次使用的是js实现input只输入数字的功能,是运用时间来实现的,我觉得很酷炫。(哈哈哈哈。当然,选用正则也是比较好用而且常用的方法,在网上找了一些正则的代码。

正则表达式


数字正则


在事件上可以这么写

HTML网页上这么写

<input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" />


事件

此法主要return false来阻止事件发生。

JavaScript中Event.returnValue属性 :该属性是设置或者获取事件的返回值,Event对象的returnValue属性的值一般是true,即脚本处理完自己的工作后由元素处理事件。通过该属性可以取消事件处理程序中调用函数的默认操作。

style:ime-mode:disabled表示不能切换输入法

onpaste=”return false;” 表示不能粘贴

重要说明:

上述js代码中键值48-57在键值表中只是对应大键盘的0-9,而小键盘的0-9键值是96-105,那为什么也能输入呢?

经过自己测试发现在input中,你输入的是小键盘的0-9,它所识别的keycode也是48-57

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,155评论 19 139
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,908评论 1 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,394评论 1 45
  • 文/Nichole 文学/情感 他又在吃色拉了。 印象中这是他一年内的第三次开始的天天中午吃色拉的时期。大概每天十...
    翁萍阅读 1,495评论 0 0
  • ExtJs layout布局介绍 ExtJs是一个大而全的框架,页面布局主要使用js来进行控制。为了能更高效方便的...
    韬czt阅读 6,067评论 0 4

友情链接更多精彩内容