2012-07-10 90 views
0

我一個障礙,這是簡單的例子忽略輸入文本的onfocus

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

和JavaScript

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

它工作得很好,但我想也是這個時候(聚焦狀態時)鼠標指針在輸入字段的開頭(我的意思是忽略默認值,不要繼續從「某事」),任何想法?謝謝:))

PS這是隻是同樣喜歡它在Facebook上搜索,當搜索的重點領域和默認的文本變得暗淡,並在輸入字段

回答

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/

+0

我不打算掩飾整個文本的onfocus,我只想聚焦狀態的文本會是昏暗的,但看到,但光標指針在文本字段的開頭 – tnanoba 2012-07-10 20:38:52

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/

+0

這真的很接近結果,似乎只是nee ð一些變化,我會試圖找出它,謝謝:)) 它只是想要onfocus指針在開始:) – tnanoba 2012-07-10 21:02:38