iOS のブラウザでテキストフィールド・テキストエリア内の文字列を選択状態にする方法

少し前の CodeGrid の記事で「ふつうは element.select() で十分だが iOS の場合だけ他のやり方じゃないとダメ」と書いてあって、ほんとかよと思って試してみたらほんとだった。

app.codegrid.net

codepen.io

button.addEventListener('click', function (event) {
  // textarea.select();
  textarea.focus();
  textarea.setSelectionRange(0, textarea.value.length);
});

iOS Mobile Safari だけでなく Chrome でも同様だった。死ぬまでに一回くらいハマりそう（なので思い出すきっかけになるようブログにメモっとく）