JQuery Textarea - вставить позицию курсора шаблона - PullRequest
Новая
       18

JQuery Textarea - вставить позицию курсора шаблона

2 голосов
/ 02 сентября 2010

В текстовой области как вставить шаблон name рядом с позицией курсора с помощью jQuery и после которого курсор должен быть после шаблона: это должно происходить при нажатии кнопки 

     <input type="button" value="insert pattern" >
     <textarea rows="10" id="comments">INSERT The condition</textarea>

1 Ответ

2 голосов
/ 02 сентября 2010

Пожалуйста, смотрите этот ответ .Вот где я получил метод insertAtCaret ().Я пошел дальше и подключил его к вашей кнопке ... не совсем точно понимая, что вы подразумеваете под "шаблоном name".Это вещь SQL?Это основано на каком-то предыдущем поле ввода в HTML?Трудно помочь дальше, чем это без более подробной информации. 

function insertAtCaret(areaId,text) {
    var txtarea = document.getElementById(areaId);
    var scrollPos = txtarea.scrollTop;
    var strPos = 0;
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
        "ff" : (document.selection ? "ie" : false ) );
    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        strPos = range.text.length;
    }
    else if (br == "ff") strPos = txtarea.selectionStart;

    var front = (txtarea.value).substring(0,strPos);  
    var back = (txtarea.value).substring(strPos,txtarea.value.length); 
    txtarea.value=front+text+back;
    strPos = strPos + text.length;
    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        range.moveStart ('character', strPos);
        range.moveEnd ('character', 0);
        range.select();
    }
    else if (br == "ff") {
        txtarea.selectionStart = strPos;
        txtarea.selectionEnd = strPos;
        txtarea.focus();
    }
    txtarea.scrollTop = scrollPos;
}


$(document).ready(function(){
  $("#insertPattern").click(function(){
    insertAtCaret("comments","name");
  });
});​

Тогда в вашем HTML: 

  <input id="insertPattern" type="button" value="insert pattern" />
  <textarea rows="10" id="comments">INSERT The condition</textarea>

Надеюсь, это поможет!

...