input失去焦点和获得焦点jquery焦点事件插件

转载 2013年12月05日 14:24:46
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  <title>input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function(){
  //focusblur
  jQuery.focusblur = function(focusid) {
  var focusblurid = $(focusid);
  var defval = focusblurid.val();
  focusblurid.focus(function(){
  var thisval = $(this).val();
  if(thisval==defval){
  $(this).val("");
  }
  });
  focusblurid.blur(function(){
  var thisval = $(this).val();
  if(thisval==""){
  $(this).val(defval);
  }
  });
   
  };
  /*下面是调用方法*/
  $.focusblur("#searchkey");
  });
  </script>
  </head>
   
  <body>
  <form action="" method="post">
  <input name="" type="text" value="输入搜索关键词" id="searchkey"/>
  <input name="" type="submit" id="searchbtn" value="搜索"/>
  </form>
  <p>input失去焦点和获得焦点jquery焦点事件插件,<br/><strong style="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong></p>
   
  </body>
  </html>

相关文章推荐

jquery input 下拉框(模拟select控件)焦点事件

原文链接:jquery input 下拉框(模拟select控件)焦点事件 本章主要讲解如何实现select下拉列表可输入效果 ps:input提供输入,然后用ul去模拟一个select下拉列表效...

jQuery表单Input文本框默认说明文字获得焦点后消失效果

法一: 加入以下jQuery代码 var txt=[]; var textbox=$('input:text'); textbox.each(function(){ txt.push($(this...

input 输入框获得/失去焦点时隐藏/显示文字

这个标题可能比较拗口不好理解,但是我相信所有的人都见过这个效果,大家可以看本站右上角的搜索输入框,默认显示着“输入搜索内容”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户...

jQuery焦点图插件编写

无图无真相,各种类型的网站基本上都会用到焦点图。        以前在做网站的时候,基本上都无可避免的用到了焦点图,然而碍于时间、技术能力、兼容性等因素,只得去网上找一些广泛使用的焦点图插件,但是用的...

JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明

JQuery的KinSlideshow插件打造超炫焦点图,带参数说明 var moveStyle var rand = parseInt(...

轻量级jQuery带底栏轮播(焦点图)插件slideBox

jQuery图片轮播(焦点图)插件 <script src="js/jquery-1.7.1.min.js" type=

jquery图片滚动插件制作焦点图片滚动或列表图片滚动

这次我们来说说网页上的Banner, 当前流行的网站和网页上面几乎都有Banner,Banner俗话说就是一个网站和网页的中心横幅。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心...

JQuery的KinSlideshow插件打造超炫焦点轮播图,带参数说明

JQuery的KinSlideshow插件打造超炫焦点图,带参数说明 var moveStyle var rand =...

Jquery幻灯片焦点图插件

  • 2012-01-13 10:14
  • 497KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)