🎨
【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 {
//ここに内側をクリックしたときの処理
}
})
engineer/JavaScript/TypeScript/Vue/Nuxt🦒