我在网上找到了这个:
var x = 0; // count for array length
$("input.placeholder").each(function(){
x++; //incrementing array length
});
var _values = new Array(x); //create array to hold default values
x = 0; // reset counter to loop through array
$("input.placeholder").each(function(){ // for each input element
x++;
var the_default = $(this).val();
var default_value = $(this).val(); // get default value.
_values[x] = default_value; // create new array item with default value
});
var current_value; // create global current_value variable
$('input.placeholder').focus(function(){
current_value = $(this).val(); // set current value
var is_default = _values.indexOf(current_value); // is current value is also default value
if(is_default > -1){ //i.e false
$(this).val(''); // clear value
}
});
$('input.placeholder').focusout(function(){
if( $(this).val() == ''){ //if it is empty...
$(this).val(current_value); //re populate with global current value
}
});
如您所见,它抓取 value
中的文本。属性并将其设置为 default_value
。然后它检查 current_value
反对默认。
我遇到了问题。
在这个例子中,我们有一个像这样的元素:
<input type="text" class="placeholder" value="potato">
如果用户聚焦和取消聚焦输入,效果很好 - 删除并重新填充“potato”。
但是,假设用户输入“ioqiweoiqwe”,然后取消输入焦点(填写表单的其余部分”)。然后他们返回到我们的输入并删除所有文本,然后单击另一个字段。输入将重新填充“ioqiweoiqwe” - 实际上,我们希望它重新填充 default_value
。我该如何做到这一点?
您真诚的, 一个 jQuery block 。
注意:我在这里设置了一个jsfiddle...在一些评论之后:http://jsfiddle.net/xmhCz/
最佳答案
我真的不知道该代码有什么问题,但看起来它是由不太了解 JavaScript 的人编写的。我重写了功能:
$("input.placeholder").each(function() {
var me=$(this);
var defaultValue=me.val();
me.focus(function() {
if(me.val()===defaultValue) {
me.val("");
}
});
me.blur(function() {
if(me.val()==="") {
me.val(defaultValue);
}
});
});
测试一下 on JSFiddle .
关于javascript - 使用 "placeholder"模仿 "value"attr,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7458226/