Element focus() Method - Give focus to a text field: - Javascript DOM

Javascript examples for DOM:Element focus

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

Description

Element focus() Method - Give focus to a text field:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<input type="text" id="myText" value="A text field">

<button type="button" onclick="getFocus()">Get focus</button>
<button type="button" onclick="loseFocus()">Lose focus</button>

<script>
function getFocus() {/*w  w w  .ja  v  a  2 s.c o  m*/
    document.getElementById("myText").focus();
}

function loseFocus() {
    document.getElementById("myText").blur();
}
</script>

</body>
</html>

Related Tutorials