忽略输入onfocus中的文本

时间:2012-07-10 20:22:20

标签: javascript css

我有一个障碍,这里很简单

<input type="text" id="some" value="something">

和javascript

document.getElementById("some").onfocus = function(){
    this.style.opacity = 0.5;
};

它工作正常,但我也想在此期间(onfocus)鼠标指针位于输入字段的开头(我的意思是忽略默认值,而不是从“某事”继续),任何想法?谢谢:))

P.S这与Facebook搜索时的情况相同,当焦点搜索字段和默认文本变暗并且指针在输入字段的开头移动时

2 个答案:

答案 0 :(得分:1)

您可以使用onkeypress事件执行此类操作。虽然不是最好的代码,但它应该让你开始。

HTML:

<input type="text" id="some" value="something">

使用Javascript:

i = 1;
document.getElementById("some").onkeypress= function(){    
    if(i === 1) {
        document.getElementById("some").value = '';
        i = 0;
    }
    this.style.color = 'black';
}

document.getElementById("some").onfocus = function(){
    this.style.color = 'gray';
};

JS小提琴:http://jsfiddle.net/wZAvn/

答案 1 :(得分:0)

或类似的东西:

var some = document.getElementById("some"),
val = some.value; 
some.onfocus = function(){
    some.style.opacity = 0.5;
    some.value = (some.value == val )?"":some.value;        
};​

http://jsfiddle.net/w5Kv8/1/