Javascript DOM HTML Element blur() Method remove focus from text field

Introduction

Remove focus from a text field:

document.getElementById("myText").blur();

Click the buttons to give focus and/or remove focus from the text field.

View 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() {/*from   w  w  w . j  a v  a2s.c om*/
  document.getElementById("myText").focus();
}

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

</body>
</html>



PreviousNext

Related