Блог

Главная - Вопросы по программированию - Может ли onchange запускаться в HTML для DIV путем передачи функции(this.value);

Может ли onchange запускаться в HTML для DIV путем передачи функции(this.value);

#javascript #html #jquery #css #dom

Вопрос:

Вот несколько простых кодов, в которых при изменении текста тега div должно срабатывать предупреждение:

 <!DOCTYPE html>
<html>
<body>

<p>Modify the text by clicking on it, then click outside the field to fire the onchange event.</p>


<div type="text" name="txt" value="" onchange="myFunction(this.value)" contenteditable="true">Change Value by clicking here</div>

<script>
function myFunction(val) {
  alert("The input value has changed. The new value is: "   val);
}
</script>

</body>
</html>

Можно ли это сделать без использования прослушивателей событий?

Комментарии:

1. Попробуй вот так

Ответ №1:

Поскольку вы не хотите использовать прослушиватель событий, вы можете использовать onInput атрибут, например:

 function myFunction(el) {
  alert("The input value has changed. The new value is: "   el.innerHTML);
} 
 <!DOCTYPE html>
<html>

<body>

  <p>Modify the text by clicking on it, then click outside the field to fire the onchange event.</p>


  <div type="text" name="txt" value="" oninput="myFunction(this)" contenteditable="true">Change Value by clicking here</div>

</body>

</html>

Комментарии:

1. @DracoMalfoy Отлично! Пожалуйста, отметьте ответ как правильный, чтобы другие знали, что вопрос решен. 🙂

Метки: