Html Form Input User Select All

2022-12-06

說明如何在 Html 讓使用者快取選擇字串或者 input 的內容。

說明

.selectall{
  user-select: all;
  -webkit-user-select: all;
}

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae magnam alias qui excepturi laborum repudiandae repellendus, doloremque praesentium. Tempora aliquam recusandae optio. Architecto culpa, fugit repellendus dolorem tempore perferendis est!

input 以及 textarea 不支援使用 user-select property，需要使用 js 的方式來處理選取。

<textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly">
   Lorem ipsum dolor, sit amet consectetur ...
</textarea>