Home  >  Article  >  Web Front-end  >  Execute script when HTML element loses focus?

Execute script when HTML element loses focus?

PHPz
PHPzforward
2023-09-02 10:41:021248browse

Execute script when HTML element loses focus?

Use the onblur attribute to execute a script when an element in HTML loses focus. You can try running the following code to implement the onblur property -

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>

The above is the detailed content of Execute script when HTML element loses focus?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete