我正在使用 mathiasbynens/jquery-placeholder 并且在所有版本的浏览器中一切正常,这对我来说最重要,因为我们的大多数客户都使用 IE7,8。
但像往常一样,Internet Explorer 中存在问题。我有一种输入类型,它是被屏蔽的电话号码,当我关闭该字段占位符的屏蔽时,它会出现在 IE 中,否则不会出现。我如何修复它以处理具有掩码的元素。
这是代码:
<input type="text" name="phone_number" id="phone_number_btd" value="<?php echo $phone_number; ?>" placeholder="Phone Number"/>
$("#phone_number_btd").mask("(999) 999-9999? x9999");
以下是调用占位符功能的代码:
(jQuery)('[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();