入力テキストボックスでテキストを選択（ハイライト表示）する方法

Question

こんにちは私はhamlとcoffescriptを使ってコードを書いています。

//haml code for input box and value 
%input.detail_text{value: "<%= 'http://dailymus.es/#!/' + answer.user.nickname + '/muses/' + answer._id %>"} 

（モーダルで）テキスト入力表示

私は私のモーダルビューをレンダリングするときように、どのように私は私の現在のcoffescriptコードを変更することができますが、次のようにコードスニペットがあります上のように、ボックス内のテキストが強調表示されます。

私はここで事前

Answer 1

で

//code to render the modal view 
render: -> 
    $(@el).html @template(@model.toJSON()) 
    //this is where I attempt to select the input box via jQuery and selecting the text 
    $(@el).find('input.detail_text').focus().select() 
    @ 

おかげで範囲を選択するには、より高度な機能です無駄に次のコードを試してみました：

$.fn.selectRange = function(start, end) { 
    return this.each(function() { 
     if (this.nodeName === "INPUT"){ 
      var inputStart = Math.min(start || 0, this.value.length); 
      var inputEnd = Math.min(
           Math.max(end || this.value.length, inputStart), 
           this.value.length); 
      if (this.setSelectionRange) { 
       this.focus(); 
       this.setSelectionRange(inputStart , inputEnd); 
      } else if (this.createTextRange) { 
       var range = this.createTextRange(); 
       range.collapse(true); 
       range.moveEnd('character', inputEnd); 
       range.moveStart('character', inputStart); 
       range.select(); 
      } 
     } 
    }); 
}; 

クレジット：http://programanddesign.com/js/jquery-select-text-range/