jquery - 防止 'caret'跳转焦点

Question

所以，我正在尝试复制 html5“占位符”属性功能。

我目前坚持的一件事是，在获得元素焦点时，插入符号立即出现在输入的开头。

就目前情况而言，插入符号出现在用户单击的位置，然后当我使用 jQuery 移动它时跳转到开头。

看这里:http://www.dollmode.com/test - 单击“所需的用户名”字段，您就会明白我的意思。

有什么解决办法吗？

编辑 我的一个想法是在文本或另一个输入的顶部放置一个空输入。这样，当用户在空输入中键入内容时，背景中的文本将无法选择，并且在将文本输入到空输入中时可以将其隐藏。是否有跨浏览器(回到 ie6)来执行此操作？

Answer 1

1.当文本框获得焦点时，您必须删除文本框内的文本

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

2.然后，当焦点丢失时，您必须检查用户是否填写了文本框 因此，如果文本框为空，您应该分配其占位符值

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