EN
JavaScript - select all input text on focus
4
points
In this short, article we would like to show how to select all text on focus in input element using JavaScript.
Quick solution:
// ONLINE-RUNNER:browser;
<input type="text" value="Some text here ..." onfocus="this.select()" onmouseup="return false" />
Alternative solution
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<input id="text-input" type="text" value="Some text here ..." />
<script>
var element = document.querySelector('#text-input');
element.addEventListener('focus', function(e) {
element.select();
});
element.addEventListener('mouseup', function(e) {
e.preventDefault();
});
</script>
</body>
</html>