js onblur 和 onkeyup 事件用法

最新推荐文章于 2022-11-26 17:18:05 发布

dingliang8660

最新推荐文章于 2022-11-26 17:18:05 发布

阅读量409

点赞数

文章标签： javascript 区块链 ViewUI

原文链接：http://www.cnblogs.com/libra0920/p/6276947.html

版权

1. onblur 表示失去焦点时触发

2. onkeyup 表示键盘每输完一个字符之后触发，就是键盘上的按键被放开时。

例子如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>输入金额DIY-bgy2014-11-22</title>
        <script type="text/javascript" language="javascript" src="jquery-1.2.6.js"></script>
        <script type="text/javascript">
        function check(v) {
            if(v.substring(0,1)==0 && v.length!=0) {
                $("#money").val("");
                alert("请正确输入金额！");
                $("#money").focus();
            } else {
                //$("#money").focus();
            }
        }
        </script>
        <style type="text/css">
            .bg{width:100%;height:100%;background:#CCE8CF;}
        </style>
    </head>
    <body class="bg">
        请输入金额：<input type="text" id="money" style="width:150px;height:50px;font-size:36px;color:#ff7f00;font-weight:bold;background-color:eeeeee" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onblur="check(this.value)">元</input>
    </body>
</html>

在这个例子中，当键盘输入的时候马上触发onkeyup事件，并将输入的非数字用空字符替换（不是空格）。当输入的全为数字时，鼠标移开后触发onblur事件，调用check()方法。

转载于:https://www.cnblogs.com/libra0920/p/6276947.html

dingliang8660

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js onblur 和 onkeyup 事件用法

1. onblur 表示失去焦点时触发2. onkeyup 表示键盘每输完一个字符之后触发，就是键盘上的按键被放开时。例子如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title>...
复制链接

扫一扫