Javascript DOM HTML Button handle click event

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() {//  ww w . ja v  a  2 s .  com
  document.getElementById("myText").focus();
}

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

</body>
</html>



PreviousNext

Related