在很多网站中,我们经常会看到输入框中默认提示文字,这一般是通过添加placeholder属性实现的。但是,当用户在输入框中开始输入时,这些默认提示文字并不会自动清空,这会给用户带来一些麻烦。这时,我们可以使用jQuery来实现input自动清空的效果。
$(document).ready(function(){ $('input[type="text"], input[type="password"], textarea').focus(function(){ if($(this).val() == $(this).attr('placeholder')){ $(this).val(''); } }); $('input[type="text"], input[type="password"], textarea').blur(function(){ if($(this).val() == ''){ $(this).val($(this).attr('placeholder')); } }); });
这段代码的作用是,在输入框获取到焦点时,判断输入框当前的值是否等于placeholder属性的值。如果是,就把输入框清空。当输入框失去焦点时,判断输入框的值是否为空,如果是,就把placeholder属性的值填充进去。
使用这段代码可以让用户更方便地进行输入操作,同时也可以提高网站的用户体验。