JQuery设置搜索框默认值,当输入框获取焦点时,默认值消失详解编程语言

现在各大网站都有搜索框,而搜索框通常都有默认值,当输入框获取焦点时,默认值消失。而一旦输入框失去焦点,而输入框里又没有输入新的值,输入框里的值又会恢复成默认值,如果往输入框里输入了新值,则输入框的值为新输入的值。这种特效用JQuery很容易实现:

$("#searchbox") 
   .focus(function(){$(this).val('')}) 
   .blur(function(){ 
       var $this = $(this); 
      // '请搜索...'为搜索框默认值 
      ($this.val() === '')? $this.val('请搜索...') : null; 
 });

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/8602.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论