On button click focus input in JavaScript

Question

I am trying to autofocus input on button click but it doesn't work. Code can be found here for edit: https://www.w3schools.com/code/tryit.asp?filename=FPPCFP5RTU9E

<input type="text" id="myText" autofocus>

<button onclick="myFunction()">Focus Input</button>

<p id="demo"></p>

<script>
  function myFunction() {
      document.getElementById("myText").autofocus = true;  
  }
</script>

Mamun · Accepted Answer · 2018-03-25 14:24:41Z

36

autofocusis an HTML attribute. If you want to set the focus property by JavaScript you have to use focus().

So try document.getElementById("myText").focus();:

Working Code:

function myFunction() {
     document.getElementById("myText").focus();
}

<input type="text" id="myText" autofocus>

<button onclick="myFunction()">Focus Input</button>

<p id="demo"></p>

edited Mar 25, 2018 at 14:24

answered Mar 25, 2018 at 12:41

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

On button click focus input in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related