Обработка данных об буферизации копирование и вставка и очистка данных [закрыто] ⇐ Html

[Anonymous]

У меня есть следующий код, где я копирую, а затем вставлю некоторые вещи, как следующие в текстовой области. У меня есть настройка таким образом, потому что когда я вставляю следующие три строки, курсор остается сразу после последней строки hij123 и не ниже Hij123 .

Код: Выделить всё

ABC123
DEF123
HIJ123
< /code>
Я хотел бы достичь следующего при копировании и вставке. То же самое (в идеале это будут разные строки текста, аналогичные вышеуказанно) снова в текстовой области, скажем, после нажатия ввода после ABC123 

, следующие три строки вставлены после HIJ123 , как показано в Изображение ниже, хотя курсор был после ABC123 после нажатия Enter после ABC123 . Можно ли вставать, где я ищу - после ABC123 в сценарии выше? /i.sstatic.net/bhdk2ioz.png " /> < /p>

Код: Выделить всё

let element = document.getElementById("post-text");

element.addEventListener('paste',(e) => {
e.preventDefault();
console.log(event.clipboardData);
element.value += (event.clipboardData || window.clipboardData).getData("text").trim()
} );

document.getElementById('post-button').addEventListener('click', function () {

var lines = $('#post-text').val().split('\n');//gives all lines

///var lines = element.split('\n');//gives all lines

//To paste
/*
ABC123
DEF123
HIJ123
*/

for(i=0 ; i < lines.length; i++){
$("#phrase").append(""+lines[i]+"")
}
});

document.getElementById('clear-button').addEventListener('click', function () {
console.log("What is element here?");
console.log(element);
element.value.clearData();

});< /code>
#case-stack p {

white-space: pre-wrap;  /* 

Подробнее здесь: https://stackoverflow.com/questions/794 ... g-the-data