我有一个输入框,其中分配了默认值文本.当用户关注字段时,如何删除此文本::
码
<input type="text" name="kp1_description" value="Enter Keypress Description">
解决方法
$(document).ready(function(){ var Input = $('input[name=kp1_description]'); var default_value = Input.val(); Input.focus(function() { if(Input.val() == default_value) Input.val(""); }).blur(function(){ if(Input.val().length == 0) Input.val(default_value); }); })
应该这样做
更新,忘记焦点没有第二个参数的焦点事件,因为没有,它必须链接模糊:
您还应该考虑为此创建自己的功能,例如:
$.fn.ToggleInputValue = function(){ return $(this).each(function(){ var Input = $(this); var default_value = Input.val(); Input.focus(function() { if(Input.val() == default_value) Input.val(""); }).blur(function(){ if(Input.val().length == 0) Input.val(default_value); }); }); }
然后这样使用
$(document).ready(function(){ $('input').ToggleInputValue(); })