X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM focus() Method

HTMLElement Object Reference Element Object

Definition and Usage

The focus() method is used to give focus to an element.

Syntax

HTMLElementObject.focus()


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The focus() method is supported in all major browsers.


Example

Example

<html>
<head>
<style type="text/css">
a:active {color:green}
</style>
<script>
function getfocus()
{
document.getElementById('myAnchor').focus()
}
function losefocus()
{
document.getElementById('myAnchor').blur()
}
</script>
</head>
<body>

<a id="myAnchor"
href="http://www.w3schools.com">Visit W3Schools.com</a>
<br><br>
<input type="button" onclick="getfocus()" value="Get focus">
<input type="button" onclick="losefocus()" value="Lose focus">

</body>
</html>

Try it yourself »


HTMLElement Object Reference Element Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook