addEventListener("focusin", myFunction); - Javascript DOM Event

Javascript examples for DOM Event:addEventListener

  1. HOME
  2. Javascript
  3. DOM Event
  4. addEventListener

Description

The onfocusin event occurs when an element is about to get focus.

Summary

Bubbles Yes
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>

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

<script>
document.getElementById("fname").addEventListener("focusin", myFunction);

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

</body>
</html>

Related Tutorials