Как изменить текст в DIV contenteditable?

Question

Второй день уже мучаюсь, не знаю как изменить текст в таком div. Я хочу чтобы текст менялся при вводе, например ввели любой текст или букву и тут же сразу в div появлялся текст который прописан в JS.

<div contenteditable="true" id="data" type="text></div>

Пробовал так но не получается ничего.

$('#data').keydown(function(e) {

    $('#data').text("Мой текст");

});

Answer 1

Пример

let block = document.querySelector('.block');

function changeText() {
  this.textContent = 'My text';
}

block.addEventListener("keyup", changeText);

.block{
  min-height: 150px;
  padding: 1rem;
  background-color: #ccc;
}

<div contenteditable="true" class="block">Text</div>

БЛОГ НА HUSL

Как изменить текст в DIV contenteditable?

Ответы (1 шт):