jquery/js实现验证聚焦,失焦

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體:   |    |    |  超大  

jquery实现验证聚焦,失焦方法:我还是喜欢用jquery来实现,不管页面中多少个输入框需要实现聚焦,失焦,都公有,我常用的方法是:

遍历该页面中的input框,获取输入框中的val值,当该输入框聚焦的时候跟存放的oldValue值进行比较,如果值相同,就把该值变为空,失焦的时候,把原来存放的值再吃赋值到val上,具体代码如下:

$(function(){

$("input[class*=input]").each(function(){varoldValue=$(this).val();

$(this).focus(function(){if($(this).val()==oldValue){

$(this).val('');

}

})

.blur(function(){if($(this).val()==""){

$(this).val(oldValue)

}

})

});

})

js实现方法一:直接在input中添加<inputtype="text"onfocus="if(this.value=='聚焦吧') this.value='';"onblur="if(this.value=='') this.value='聚焦吧';"value="聚焦吧"name="name">

js实现方法二:

html代码:

<inputtype="text"value="聚焦吧"id="myinput"/>

js代码如下:

functionaddListener(element,e,fn){if(element.addEventListener){

element.addEventListener(e,fn,false);

}else{

element.attachEvent("on" +e,fn);

}

}varmyinput = document.getElementById("myinput");

addListener(myinput,"click",function(){

myinput.value= "";

})

addListener(myinput,"blur",function(){

myinput.value= "聚焦吧";

})

当然当页面中有聚焦,失焦的时候,我还是推荐使用jquery的这种实现方式的。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航