ホームページ  >  記事  >  ウェブフロントエンド  >  IE、Chrome、FF などと互換性のある選択したテキストを無効にする_jquery

IE、Chrome、FF などと互換性のある選択したテキストを無効にする_jquery

WBOY
WBOYオリジナル
2016-05-16 17:23:391146ブラウズ
コードをコピー コードは次のとおりです:

$(el).attr('unselectable',' on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user -select' :'none',
'-khtml-user-select':'none', /* これをクラスに置くこともできます */
'-webkit-user-select':'none ',/ * 代わりにここに CSS クラスを追加します */
'-ms-user-select':'none',
'user-select':'none'
}).bind(' selectstart', function(){ return false; });

上記の分析により、必要な 選択したテキストを無効にする 領域の CSS を設定できます。例:
コードをコピー コードは次のとおりです。

.table {
テキスト整列: 中央;
高さ: 39px;
moz-none; -select: none ;
-o-user-select:none;
-khtml-user-select:none; /* これをクラスに含めることもできます */
-webkit-user-select :none;/ * 代わりにここに CSS クラスを追加します */
-ms-user-select:none;
user-select:none;/***/
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。