onfocus = myFunction(); - Javascript DOM Event

Javascript examples for DOM Event:Element Event Attribute

  1. HOME
  2. Javascript
  3. DOM Event
  4. Element Event Attribute

Introduction

The onfocus event occurs when an element gets focus.

Summary

Bubbles No
Cancelable No
Supported HTML tags: ALL HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<p>This example uses the HTML DOM to assign an "onfocus" event to an input element.</p>

Enter your name: <input type="text" id="fname">

<script>
document.getElementById("fname").onfocus = function() {myFunction()};

function myFunction() {//w w  w .j a  va2 s. c o m
    document.getElementById("fname").style.backgroundColor = "red";
}
</script>

</body>
</html>

Related Tutorials