Как использовать функцию JQuery InsertAtCaret - программирование
Подтвердить что ты не робот

Как использовать функцию JQuery InsertAtCaret

Я нашел функцию JQuery InsertAtCaret Здесь Но нет подробных данных о том, как ее использовать. Я много пробовал понять, как его можно использовать, но никак не мог найти. Вот функция.

$.fn.insertAtCaret = function(myValue) {
    return this.each(function() {
        var me = this;
        if (document.selection) { // IE
            me.focus();
            sel = document.selection.createRange();
            sel.text = myValue;
            me.focus();
        } else if (me.selectionStart || me.selectionStart == '0') { // Real browsers
            var startPos = me.selectionStart, endPos = me.selectionEnd, scrollTop = me.scrollTop;
            me.value = me.value.substring(0, startPos) + myValue + me.value.substring(endPos, me.value.length);
            me.focus();
            me.selectionStart = startPos + myValue.length;
            me.selectionEnd = startPos + myValue.length;
            me.scrollTop = scrollTop;
        } else {
            me.value += myValue;
            me.focus();
        }
    });
};

У меня есть поле ввода текстового поля и текстовая область под ним. Где я могу назвать эту функцию и какое значение я должен ее дать. И где мне нужно дать ссылку на мою текстовую область.

4b9b3361

Ответ 1

Здесь приведена модифицированная версия вышеописанного плагина:

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

Рабочий демонстрационный пример