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。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。