Home/ Questions/Q 8926765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T08:03:23+00:00

I am using the event listener structure like below to do some stuff when

  • 0

I am using the event listener structure like below to do some stuff when the input box loses focus.

But it won’t work. What event should I listen to, to get the moment the input box loses the cursor inside it (i.e. user clicks outside of it)?

document.getElementById('div inside which input is located')
    .addEventListener( 'blur',  function(e){
        if(event.target.className=='editInput'){
            doStuff(event.target);
        }
     } , false );
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The correct event is onBlur. Look at this code:

    <!DOCTYPE html>
<html>
  <head>
    <title>element</title>
    <script type="text/javascript">
      function message() {
        var text = document.getElementById("test").value;
        alert(text);
      }
    </script>
  </head>
  <body>
    <input type="text" name="test" id="test">
    <script type="text/javascript">
      document.getElementById("test").onblur = message;
    </script>
  </body>
</html>

    It works and prints the content of the input when it loses focus. Maybe your error is that you attached the event to the div and not to the input?

    • 0