1. ホーム
  2. ハイパーリンク

[解決済み】CSSやJavaScriptでテキストを選択できないようにするには?重複

2022-03-30 18:30:25

質問

私は、HTML/CSS/jQueryのギャラリーを作っていて、いくつかのページがあります。

私は確かに"next"ボタンがあり、それはjQueryクリックリスナーを持つ単純なリンクです。

問題は、ユーザーが何度もボタンをクリックすると、ボタンのテキストが選択され、全行テキストになることです。私の本当にダークなデザインでは、それは本当に醜くて無意味なことです。

そこで質問です。HTML上でテキストを選択できないようにすることは可能でしょうか? そうでなければ、Flashやテキストフィールドの高度な設定ができなくなるのがとても残念です...。

解決方法は?

<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>