Execute a Script When the Element Loses Focus in HTML

Use the onblur attribute execute a script when the element loses focus in HTML. You can try to run the following code to implement onblur attribute −

Example

<!DOCTYPE html>
<html>
   <body>
      <p>Type text below!</p>

      Country: <input type = "text" name = "myid" id = "myid" onblur = "display()">

      <script>
         function display() {
            var str = document.getElementById("myid");
            str.value = str.value.toUpperCase();
         }
      </script>

   </body>
</html>
Updated on: 2020-03-03T11:11:35+05:30

271 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements