我有一个输入框,分配有默认值文本。当用户聚焦于该字段时,如何删除此文本::
CoDE
<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);
});
})
应该可以做到这一点。
更新了,忘记焦点没有用于焦点移出事件的第二个参数,因为没有,它必须与模糊链接:
http://jsfiddle.net/hDCsZ/ http://jsfiddle.net/hDCsZ/
您还应该考虑为此创建自己的函数,例如:
$.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();
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)