Javascript/HTML Oninput with div

Question

I've made oninput for div with a class. I can't add an ID to the div. So here is my script:

var objecto = document.getElementsByClassName(" nicEdit-main ")[0];
objecto.oninput = function() {
    alert("Ok!");
}

Here is my HTML:

<div class=" nicEdit-main   " style="width: 499px; margin: 4px; min-height: 149px; overflow: hidden;" contenteditable="true">1123215545<br></div>

Why does oninput not work for this div?

jsfiddle.net/arunpjohny/r84rtmx5/1 - make sure you are running the script after the target element is loaded in the dom — Arun P Johny
– Arun P Johny, Commented Aug 28, 2015 at 6:31
thanx for this lesson. Write into answers. THanxc for help @ArunPJohny — McLaren
– McLaren, Commented Aug 28, 2015 at 6:33

Arun P Johny · Accepted Answer · 2015-08-28 06:35:36Z

4

It should just work fine, make sure your script is executed after the target element is loaded in the dom.

1 way is to use the dom ready/window load event handler

window.addEventListener('load', function() {
  var objecto = document.getElementsByClassName(" nicEdit-main ")[0];
  objecto.oninput = function() {
    alert("Ok!");
  }
})

<div class=" nicEdit-main   " style="width: 499px; margin: 4px; min-height: 149px; overflow: hidden;" contenteditable="true">1123215545
  <br>
</div>

Another is to place the script after the element like

<div class=" nicEdit-main   " style="width: 499px; margin: 4px; min-height: 149px; overflow: hidden;" contenteditable="true">1123215545
  <br>
</div>
<script>
  var objecto = document.getElementsByClassName(" nicEdit-main ")[0];
  objecto.oninput = function() {
    alert("Ok!");
  }
</script>

answered Aug 28, 2015 at 6:35

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript/HTML Oninput with div

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related