javascript - 没有 JQuery 的全屏文本区域

Question

如何在没有 Jquery 或任何库的情况下制作全屏文本区域？

let el = document.getElementById('#t')

const fullScrenn = () => {
	  //there way to do that . 
}
 

<textarea id="el" cols="30" rows="10"></textarea>

<button onclick="fullScrenn()">Full Screen</button>

Answer 1

'use strict';
document.querySelector('#myButton').addEventListener('click', () => {
  document.querySelector('#myTextarea').style.width="100vw";
  document.querySelector('#myTextarea').style.height="100vh";
});

<textarea id="myTextarea" cols="20" rows="20"></textarea>
<button id="myButton">Full Size</button>

只需将 textarea 的宽度和高度设置为 100vw(屏幕宽度)和 100vh(屏幕高度) ).

或者，您可以使用 window.innerWidth 和 window.innerHeight 代替这些值。