$(function(){
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
};
})
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
本文介绍了一种使用jQuery实现的兼容不支持placeholder属性的老浏览器的方法。通过简单的JS逻辑,可以实现在这些浏览器中输入框获得焦点时清除提示文字,失去焦点时重新显示提示文字的功能。
1万+

被折叠的 条评论
为什么被折叠?



