Javascript DOM HTML Input Number autofocus Property get

Introduction

Find out if a number field automatically gets focus on page load: 

var x = document.getElementById("myNumber").autofocus;

Click the button to find out if the number field automatically gets focus on page load.

View in separate window 

<!DOCTYPE html>
<html>
<body>

<input type="number" id="myNumber" autofocus>
<button onclick="myFunction()">Test</button>
<p id="demo"></p>

<script>
function myFunction() {//from  w  w  w  . j a  v a2s .  c o  m
  var x = document.getElementById("myNumber").autofocus;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

The autofocus property sets or gets whether a number field should automatically get focus on page load.

This property mirrors the HTML autofocus attribute.

The autofocus property accepts and returns a boolean type value.

Value Description
true The number field gets focus
falseDefault. The number field does not get focus

The autofocus property returns true if the number field automatically gets focus on page load, otherwise it returns false.




PreviousNext

Related