🎨 【CSS】ネイティブアプリでテキストコピーできるようにするCSS
作成日: 2021/09/14
0

ネイティブアプリでテキストコピーできるようにするCSS

.copy-text {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  • user-select
    • ユーザーが文章を範囲選択できるかどうかを制御する
  • ベンダープレフィックスは以下の通り
    • -webkit-: MacOS Safari/Google Chrome
    • -moz-: Firefox
    • -ms-: IE10以上

https://developer.mozilla.org/ja/docs/Web/CSS/user-select

補足

  • JavaScriptで特定の要素以外をクリックした時のイベント
    • .c-buttonの内側/外側をクリックしたときのイベントを取得できる
document.addEventListener('click', (e) => {
  if(!e.target.closest('.c-button')) {
    //ここに外側をクリックしたときの処理
  } else {
    //ここに内側をクリックしたときの処理
  }
})

https://hirakublog.com/outside-click-event-js/


engineer/JavaScript/TypeScript/Vue/Nuxt🦒