防止'脫字符'跳躍焦點

Question

所以，我試圖複製html5'佔位符'屬性功能。

我現在堅持的一件事就是，一旦焦點元素，插入符號立即出現在輸入的開始。

現在，插入符號出現在用戶點擊的位置，然後在我使用jQuery移動它時跳轉到開始位置。

看這裏：http://www.dollmode.com/test - 點擊「所需的用戶名」字段，你明白我的意思。

任何解決方法？

編輯我的一個想法是在文本或其他輸入上放置一個空輸入。這樣，當用戶鍵入空輸入時，背景中的文本將不可選，並且可以在向空輸入中輸入文本時將其隱藏。有沒有一個跨瀏覽器（回到ie6）這樣做？

Answer 1

我創建了一個<span>和絕對定位背後的相對定位<input>。這似乎有點工作。這種對齊方式在瀏覽器中並不完美，但通過Javascript進行補充，這是一個很好的跨瀏覽器解決方案。在IE6 +，Chrome，Opera和FF上工作。

看看它是如何在這裏工作，如果你願意！ http://www.dollmode.com/test

如果您正在查看這個問題，並在該網頁不存在，它可能現在位於http://www.dollmode.com/

Answer 2

1.You有丟失焦點時，你必須檢查用戶是否填寫文本框時，它就會集中

$("input[type=text]").focus(function(){ 
    $(this).val(''); 
}); 

2.然後刪除文本中的文本 所以如果文本框爲空，應先分配其佔位符值

$("input[type=text]").blur(function(){ 
    if($(this).val()=='') 
      $(this).val()= $(this).attr('title');   
});