js onblur 和 onkeyup 事件用法

本文轉載自查看原文 2017-01-12 09:58 1926 前端筆記

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()方法。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS onblur 和 onkeyup事件用法文本框輸入事件：onchange 、onblur 、onkeyup 、oninput Js中的onblur和onfocus事件 js 鍵盤事件（onkeydown、onkeyup、onkeypress） JS中onfocus()事件，onblur()事件，onload()事件 js-onfocus事件; js-onblur事件 ; JS事件失焦事件（onblur）onblur事件與onfocus是相對事件，當光標離開當前獲得聚焦對象的時候，觸發onblur事件，同時執行被調用的程序。 js中基本事件的總結，onclick、onblur、onchange等 js焦點事件:onfocus、onblur、focus()、blur()、select() div的onblur事件