HTML event attribute onfocus

The onfocus attribute event is triggered when an element gets the focus.

What's new in HTML5



<element onfocus="script or Javascript function name">

Supported Tags

All HTML elements, EXCEPT:


Browser compatibility

onfocus Yes Yes Yes Yes Yes


<!DOCTYPE html>
<!--from   ww  w  . j a v a2  s.c  o m-->
First name: <input type="text" id="fname" onfocus="myFunction(">

function myFunction(x) {


Click to view the demo

Example 2

The following code shows how to add event listener to input text focus on event.

<script language="JavaScript" type="text/javascript">
  function DisplayMsg(NumVal) {<!-- ww  w .j a va  2 s . com-->
    if (NumVal == 1) {
      alert("Type your name in the field");
    if (NumVal == 2) {
      alert("Type your phone number in the field");
<title>Keyboard Event</title>
  <form name="form1">
    <b>Name:</b>&nbsp; <input type="text" name="text1"
      onFocus="DisplayMsg(1)" size="20">
      <b>Phone:</b> &nbsp;<input type="text" name="text2"
        onFocus="DisplayMsg(2)" size="20">

Click to view the demo