☰

CSS または JavaScript を使用してテキスト選択を無効にするにはどうすればいいですか? [重複] 質問する

tag-icon • tag-icon html css cross-browser textselection
CSS または JavaScript を使用してテキスト選択を無効にするにはどうすればいいですか? [重複] 質問する

複数のページからなる HTML/CSS/jQuery ギャラリーを作成しています。

確かに、「次へ」ボタンがありますが、これは jQuery クリック リスナーを使用した単純なリンクです。

問題は、ユーザーがボタンを複数回クリックすると、ボタンのテキストが選択され、その後テキストの行全体が選択されることです。私の非常にダークなデザインでは、これは非常に醜く、無意味です。

質問です。HTML でテキスト選択を無効にできますか? そうでない場合、Flash とテキストフィールドの高度な構成が恋しくなります...

ベストアンサー1

<div 
 style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
 unselectable="on"
 onselectstart="return false;" 
 onmousedown="return false;">
    Blabla
</div>

おすすめ記事