`
Dream丶AL
  • 浏览: 22186 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

Event.keyCode控制input只能输入数字

阅读更多
function onlyNum()
    {
    	if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
        {
    	    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
            {
    	        event.returnValue=false;
            }
        }
    }

 

<input onkeydown="onlyNum()"/>

 上面的方法解析:

回车:8  Delete:46  方向键左:37 方向键右:39  

大键盘上方 0-9 : 48-57 小键盘数字键0-9 : 96-105

设定当keydown时,调用这个函数,如果不是 回车,Delete,方向键左,方向键右, 就会做判断 输入的是不是数字,当不是数字的时候就把Event对象的returnValue属性设为false,取消事件的源元素的默认动作。

分享到:
评论

相关推荐

    javascript键盘事件大全event.keycode

    javascript键盘事件大全,最全的键盘事件event.keycode

    Javascript中的window.event.keyCode使用介绍

    在现代网页开发中,JavaScript 是一种在浏览器端广泛使用的脚本...在实践中,理解并熟悉window.event.keyCode以及其他相关的事件对象属性(如event.key、event.code等)将帮助开发者更好地控制和响应用户的键盘操作。

    input只能输入数字英文字母汉字

    &lt;input onKeyPress="if ((event.keyCode || event.keyCode &gt; 57) && event.keyCode != 46 || /\.\d\d$/.test(value)) event.returnValue = false"&gt; ``` **解析**: - 使用 `onKeyPress` 监听按键事件。 - 检查键码...

    window.event.keyCode兼容IE和Firefox实现js代码

    input type=”text” onkeydown=”keyNumAll(event);” &gt; Javascript 代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得keyBoardEvent对象 evt = (evt) ? evt : ((window.event) ? window.event : ...

    js完美解决jsp文本框限制只能输入数字、小数问题

    特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量小数位的数字输入。本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中...

    input高级用法input高级用法

    &lt;input style="ime-mode:disabled" onkeydown="if(event.keyCode==13) event.keyCode=9" onKeyPress="if((event.keyCode||event.keyCode&gt;57)) event.returnValue=false"&gt; ``` 通过设置`ime-mode`样式属性为`...

    input 高级限制级用法

    &lt;input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"onKeyPress="if ((event.keyCode|| event.keyCode&gt;57)) event.returnValue=false"&gt; ``` 8. **限制输入为英文和数字(有闪烁...

    TextBoxJS.

    通过JavaScript可以进一步控制其行为和功能,如限制用户只能输入数字、自动格式化输入等。这对于确保数据的有效性和提高用户体验非常重要。 #### 二、关键属性解析 - **ID**: 每个`TextBox`都应有一个唯一的ID,以...

    js各种限制input输入汇总

    如果希望输入框只能接受数字输入,但又不希望在输入非数字字符时有闪动现象,则可以使用`onkeypress`事件来限制非法字符。 **示例代码:** ```html &lt;input type="text" style="ime-mode:disabled" onkeydown="if...

    手机后台DEMO

    比如你的INPUT是:&lt;input type="text" name="userName"&gt;那么你在里边加入:onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"成为:&lt;input type="text" name="userName" onKeypress=...

    常用限制input的方法

    通过上述方法,我们可以更灵活地控制`&lt;input&gt;`和`&lt;select&gt;`元素的输入行为,使得Web应用程序更加健壮和用户友好。这些技术在实际开发中非常有用,可以根据具体需求选择合适的限制方式来提高用户体验。

    js控制input输入字符解析

    ENTER键可以让光标移到下一个输入框 &lt;input onkeydown=”if(event.keyCode==13)event.keyCode=9″ &gt; 只能是中文&lt;input onkeyup=”value=value.replace(/[ -~]/g,...只能输入英文和数字&lt;input onkeyup=”va

    jsp中input的高级运用

    &lt;input type="text" onkeydown="if (event.keyCode == 13) event.keyCode = 9;" /&gt; ``` #### 5. 限制输入非数字字符 有时我们需要确保用户只能输入数字。这可以通过监听`keyup`事件并使用正则表达式来移除非数字...

    js禁止小键盘输入数字功能代码.docx

    在Web开发过程中,有时我们需要限制用户在特定的输入框中只能输入主键盘的数字,而禁止使用小键盘输入数字。这种需求常见于银行系统或金融类网站中的密码输入框,为了统一用户体验并增强安全性,开发者会采用各种...

    input,验证,闪动,自动删除,限制输入

    #### 1.3 只允许数字输入 ```html &lt;input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"&gt; ``` 这个示例通过`onkeyup`和`onafterpaste`事件来实现,仅...

    JavaScript网页表单元素Input的高级用法

    例如,下面的代码限制用户只能输入数字: ```html &lt;input type="text" onkeyup="value=value.replace(/[^0-9]/g,'')"&gt; ``` **JavaScript代码:** ```javascript document.getElementById("txtInput")....

    jquery利用event.which方法获取键盘输入值的代码

    标题提及的“jquery利用event.which方法获取键盘输入值的代码”,实际上是指通过监听键盘事件(如`keydown`)来获取用户按下键盘时对应的键码。在jQuery中,`event.which`返回的是键盘按键的ASCII码或Unicode码,这...

    正则表达式限制文本框只能输入数字,小数点,英文字母,汉字.docx

    - 只能输入数字和英文:`&lt;input onkeyup="value=value.replace(/[\W]/g,'')"` 和 `&lt;input onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"&gt;` 这两个例子分别...

Global site tag (gtag.js) - Google Analytics