中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

onFocus和onBlur - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > 网页设计 > Javascript&js > onFocus和onBlur

onFocus和onBlur

2009-03-08    文章来源:互联网    浏览次数:

<input name="" type="text" onFocus="javascript:fun()"> 当鼠标点击的时候就发生事件
<input name="" type="text" onBlur="javascript:fun()" > 当鼠标从文本框离开的时候就发生事件
<script>
function myFocus(){
   var inputObj=document.getElementById('inputName');
   if(inputObj.value.length < 4 ){
    alert('长度最少为4位');
    inputObj.focus(); //把鼠标返回到 inputName 一般在 onBlur调用此方法(也就是说在鼠标离开的时候)
      //如果用onFocus调用此方法的话(鼠标进入的时候调用)但是调用完后鼠标又返回到此框,原本以为会一直弹出对话框但不是这样的。当返回文本框的时候不会调用此方法。只有鼠标点其他地方后再点文本框才会调用。
   }
}
<script>

Example:1

<script>
function checkFormat(){
   var tel_noValue = document.getElementById('tel_no').value;
   if(tel_noValue.length < 4){
    alert('长度不够');
    document.getElementById('tel_no').focus();
   }
}
</script>
<form name="myform" action="" method="post">
<input type="text" name="tel_no" id="tel_no" value="" onBlur="javascript:checkFormat();" />
<input type="submit" name="submit" value="提交" />
</form>

Example:2 //和1不一样的只是把文本框对象传过去

<script>
function checkFormat(mythis){
   var tel_no = mythis;
   if(tel_no.value.length < 4){
    alert('长度不够');
    mythis.focus();
   }
}
</script>
<form name="myform" action="" method="post">
<input type="text" name="tel_no" id="tel_no" value="" onBlur="javascript:checkFormat(this);" />
<input type="submit" name="submit" value="提交" />
</form>

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部