Element blur() Method - Remove focus from a text field: - Javascript DOM

Javascript examples for DOM:Element blur

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

Description

Element blur() Method - Remove focus from 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() {//www.j a v a2 s  .c o m
    document.getElementById("myText").focus();
}

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

</body>
</html>

Related Tutorials