忽略输入 onfocus 中的文本答案

【问题标题】：ignore text from input onfocus忽略输入 onfocus 中的文本
【发布时间】：2012-07-11 05:03:32
【问题描述】：

我有一个障碍，这是简单的情况

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

和javascript

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

它工作得很好，但我也希望在这段时间内（onfocus）鼠标指针位于输入字段的开头（我的意思是忽略默认值，而不是从“某事”继续），有什么想法吗？谢谢:))

P.S 这就像在 facebook 搜索中一样，当焦点搜索字段和默认文本变暗并且指针在输入字段的开头移动时

【问题讨论】：

标签： javascript css

【解决方案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/

【讨论】：

这真的很接近结果，只是似乎需要一些改变，我会试着弄清楚，无论如何谢谢 :)) 它只是希望 onfocus 指针位于开头 :)

【解决方案2】：

或类似的东西：

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/

【讨论】：

我并不是要隐藏整个文本 onfocus ，我只是希望 onfocus 文本会变暗并且可以看到，但光标指针位于文本字段的开头