积极撰写textarea

Question

是否可以激活以便能够在textarea中写入，只需单击按钮，而不必单击textarea？ 示例：我有一个按钮，使textarea出现，当文本区域出现时，我必须单击它开始写，我想知道是否可能，当我点击按钮打开textarea并让我写没有点击在textarea

我正在使用反应

Answer 1

您可以在文本区域可见时将焦点设置在文本区域。

＆＃13;

＆＃13;

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

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

＆＃13;

.hidden {
  display: none;
}

.visible {
  display: block;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;