防止'脱字符'跳跃焦点

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');   
});