js onblur 和 onkeyup 事件用法
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()方法。