Element focus() Method - Javascript DOM

Javascript examples for DOM:Element focus

  1. HOME
  2. Javascript
  3. DOM
  4. Element focus

Description

The focus() method requests focus to an element.

Parameters

None

Return Value:

No return value

The following code shows how to Give focus to an <a> element:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
a:focus, a:active {
    color: green;
}
</style>/*from   www  .j ava  2  s  .c om*/
</head>
<body>

<a id="myAnchor" href="http://www.java2s.com">check out java2s.com</a>

<input type="button" onclick="getfocus()" value="Get focus">
<input type="button" onclick="losefocus()" value="Lose focus">

<script>
function getfocus() {
    document.getElementById("myAnchor").focus();
}

function losefocus() {
    document.getElementById("myAnchor").blur();
}
</script>

</body>
</html>

Related Tutorials