Home/ Questions/Q 6039765
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T06:25:02+00:00

If you put cursor in the first input, then click the button, you get

  • 0

If you put cursor in the first input, then click the button, you get one message.

If you put the cursor in the second one (with the setTimeout), you get both messages.

Why doesn’t the ‘button was clicked’ message display in the first scenario?

Conversely, what is it about the setTimeout that makes the second one show both alerts?

<html>
<head>
  <script type='text/javascript'>
    function testOne() {
      alert('button was clicked');
    }
    function testTwo() {
      alert ('focus left the input');
    }
  </script>
</head>
<body>
  <input name="input1" onblur="testTwo()" />
  <input name="input2" onblur="setTimeout(function(){testTwo();}, 100)" />
  <button name="button1" onclick="testOne()">Button</button>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you think is happening, is not really happening.

    Try it with console.log (which does not block) rather than alert (which does block) and you’ll see that both event handlers do run. Hooray, one more reason to despise alert debugging.

    http://jsfiddle.net/mattball/j4cuG/

    • 0