5

私はいくつかの単語とテキストを含むテキストボックスを持っています.私がやりたいことは、ユーザーがボタンをクリックしたときに、ポインタの現在の位置からテキストボックスのテキストにいくつかの単語を追加することです.これを行うには? これはテキストボックスとボタンです:

<textarea id="txt" rows="15" cols="70">There is some text here.</textarea>
<input type="button" id="btn" value="OK" />
4

2 に答える 2

11

偶然にも、数分前に同様の質問に答えたばかりです。次のようなカスタム関数を使用できます。

jQuery.fn.extend({
insertAtCaret: function(myValue){
  return this.each(function(i) {
    if (document.selection) {
      //For browsers like Internet Explorer
      this.focus();
      sel = document.selection.createRange();
      sel.text = myValue;
      this.focus();
    }
    else if (this.selectionStart || this.selectionStart == '0') {
      //For browsers like Firefox and Webkit based
      var startPos = this.selectionStart;
      var endPos = this.selectionEnd;
      var scrollTop = this.scrollTop;
      this.value = this.value.substring(0, startPos)+myValue+this.value.substring(endPos,this.value.length);
      this.focus();
      this.selectionStart = startPos + myValue.length;
      this.selectionEnd = startPos + myValue.length;
      this.scrollTop = scrollTop;
    } else {
      this.value += myValue;
      this.focus();
    }
  })
}
});

textbox基本的に、このプラグインを使用すると、複数またはのキャレットにテキストを挿入できますtextarea。次のように使用できます。

 $('#element1, #element2, #element3, .class-of-elements').insertAtCaret('text');

Working Demo

于 2013-04-12T16:41:04.283 に答える