通过jquery获取文本框的聚焦和失焦方法

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

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

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

$(function(){

$("input[class*=input]").each(function(){

var oldValue=$(this).val();

$(this).focus(function(){

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

$(this).val('');

}

})

.blur(function(){

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

$(this).val(oldValue)

}

})

});

})

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

js实现方法二:

html代码:

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

js代码如下:

function addListener(element,e,fn){

if(element.addEventListener){

element.addEventListener(e,fn,false);

}else{

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

}

}

var myinput = document.getElementById("myinput");

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

myinput.value = "";

})

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

myinput.value = "聚焦吧";

})

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

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