js让input失去焦点

要求:当我点击页面非文本框的地方,令文本框失去焦点

问题:一开始我的做法是让点击的地方得到焦点,实际上是无效的

$(this).focus();

  当时我也不知道为什么focus会失效,   问题在于focus,blur只对文本框有用,对于非文本框是无效的。 

     然后我就换了一个方法,就是当我点击非文本框的地方,让所有的文本框失去焦点

     我页面中只有input输入框,所以实例代码如下:

 

$("#clickDiv").click(function(){
   //当id为clickDiv的div点击时,让页面中所有的输入框失去焦点
$("input").blur(); //如果你的文本框里面有更多的文本框,可以尝试代码如下
$("input,select,textarea").blur();

 

 

 

posted @ 2017-04-01 14:08  胖娘子_bug  阅读(6848)  评论(0编辑  收藏  举报