jquery - jQueryは、ユーザーが入力を開始するまで、カーソルをテキスト入力の先頭に保持します

Question

Twitterブートストラップのテキスト入力動作を模倣しようとしています。Twitter Bootstrapの入力で、ユーザーがテキスト入力をクリックしても、カーソルは常にテキスト入力の先頭に留まっていることに気付きました。ただし、「検索」テキストは、ユーザーが入力を開始するまで消えません。

カーソルがテキスト入力の先頭に留まらないことを除いて、ほとんどが機能しています。これをどのように達成できるかについてのアイデアはありますか？

これまでの私のjQueryコードは次のとおりです。

$('input[title]').each(function() {
    if($(this).val() === '') {
        $(this).val($(this).attr('title'));
    }
    $(this).keydown(function() {
        if($(this).val() == $(this).attr('title')) {
            $(this).val('').removeClass('blur');
        }
    });
    $(this).mousedown(function() {
        if($(this).val() == $(this).attr('title')) {
            $(this).blur().val('');
            $(this).focus().val($(this).attr('title'));
        }
    });
    $(this).blur(function() {
        if($(this).val() === '') {
            $(this).val($(this).attr('title')).addClass('blur');
        }
    });
});

Answer 1

あなたが説明したのは、プレースホルダーと呼ばれる属性かもしれません。

<input type="text" placeholder="Type something…">

Answer 2

これは確かにあなたを助けます：http：//jsbin.com/ohoyer/2/edit

jQuery(function ($) {
       var $inputExample = $('#input-ex');
       var a = false;
       $inputExample.click(function () {
         $inputExample.caretToStart();
       });

       $inputExample.keypress(function(){
       if(a == false){
         $(this).val('');
         a = true
       }else{
         $inputExample.caretToEnd();
       }
    });
});

これは、これに使用されるプラグインです。

`https://gist.github.com/DrPheltRight/1007907/raw/
  b1ce3b710616f9ee15a6b8ca2b03e35756d3d816/jquery.caret.js`

Answer 3

これを使用して、入力にフォーカスを追加します

$("#inputid").focus ();