Active writing textarea

Question

Is it possible to activate to be able to write in a textarea, as soon as I click a button, without having to click on the textarea? Example: I have a button that makes a textarea appear, and when the text area appears I have to click it to start writing, what I was wondering if it is possible, when I click the button open the textarea and let me write without click on textarea

I'm using react

Possible duplicate of [JavaScript set focus to HTML form element](https://stackoverflow.com/questions/17500704/javascript-set-focus-to-html-form-element) — Jeremy Thille, Apr 11 '18 at 13:25
See Jquery focus() function [Jquery focus()](https://api.jquery.com/focus/) — Nicholas Nur, Apr 11 '18 at 13:27
you don't need jquery to run focus(). Check my answer below. — Pistolpete ., Apr 11 '18 at 13:35

score 1 · Answer 1 · answered Apr 11 '18 at 13:31

You can set the focus on the text area once it's visible.

const button = document.getElementById('btn');
const textarea = document.getElementById('textarea');

button.addEventListener('click', () => {
  textarea.classList.add('visible');
  textarea.focus();
})

.hidden {
  display: none;
}

.visible {
  display: block;
}

<button id="btn" >Write</button>
<textarea id="textarea" class="hidden" name="" id="" cols="30" rows="10"></textarea>

forgot to implement that I'm using in react. – Fernando Antunes Apr 11 '18 at 13:46 — Fernando Antunes, Apr 11 '18 at 13:46

Active writing textarea

1 Answers1