jQuery 事件 - keyup() 方法及文本框只输入数字

最新推荐文章于 2024-04-30 17:59:49 发布

小豆瓣的靳先生

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量6.9k

点赞数

分类专栏：大前端文章标签： jquery keyup keydown

本文链接：https://blog.csdn.net/KingJin_CSDN_/article/details/53638316

版权

大前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

keyup()，keydown方法

一、定义和用法：完整key press过程分为两个部分，按键被按下，然后按键被松开并复位；

1、当按键按下（此时未松开），发生keydown()事件。它发生在当前获得焦点的元素上。

2、当按键松开时，发生keyup()事件。它发生在当前获得焦点的元素上。keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。
注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。

二、语法 ：

$(selector).keyup(function)

参数：function；

描述：可选。规定当发生 keyup 事件时运行的函数。

三、实例：

$("input").keyup(function(){
    $("input").css("background-color","#D6D6FF");
});
$("input").keydown(function(){
    $("input").css("background-color","#FFFFCC");
});

四、应用实例：( 实例转载地址)

验证文本框输入只为整数，用正则表达式进行限制；

<head>
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
    <title></title>
    <!-- http://www.cnblogs.com/babycool -->
    <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#xxxxxx").keyup(function () {
                //如果输入非数字，则替换为''，如果输入数字，则在每4位之后添加一个空格分隔
                this.value = this.value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
            })
        });
    </script>
</head>
<body>
    限制只能输入19个字符
    <input id="xxxxxx" type="text" name="name" value="" maxlength="19" />
    <br />
  
    <br />
    输入非数字替换为''
    <input type="text" name="name" value="" οnkeyup="value=value.replace(/[^\d]/g,'')" />
    <br />
    <br />
</body>

小豆瓣的靳先生

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jQuery 事件 - keyup() 方法及文本框只输入数字

keyup()，keydown方法一、定义和用法：完整key press过程分为两个部分，按键被按下，然后按键被松开并复位； 1、当按键按下（此时未松开），发生keydown()事件。它发生在当前获得焦点的元素上。 2、当按键松开时，发生keyup()事件。它发生在当前获
复制链接

扫一扫