対処法からいうと、IE10以降とFirefox・ChromeはCSSで対応し、IE8-9はHTMLの属性で対応します。IE8-9のためにすべてのタグの中に属性を設定するのがマゾいので、jQueryのattrを使います。
1 2 3 4 5 6 |
#unselectable { user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari, Chrome */ -ms-user-select: none; /* IE10- */ } |
1 2 3 4 5 |
jQuery(function($){ // IE8/IE9対策 $target = $('#unselectable'); $('td,div,p',$target).attr("unselectable","on"); }); |
ちなみに使用シーンは、方眼状のタイムラインにドラッグで色を塗るというアイキャッチ画像そのものです。