キーワード

• JavaScript
• jQuery

概要

右クリックやテキストの選択を抑止したいというユーザーからの要望を抑えられなかったときのメモです。

方法

右クリック禁止

$(document).bind("contextmenu", function(e) {
	return false;
});

テキストの選択禁止

IE向け

$('html').on('selectstart dragstart', function(e) { 
	e.preventDefault(); 
});

IE以外向け

$('html').css({
	'user-select': 'none',
	'-moz-user-select': 'none',
	'-khtml-user-select': 'none',
	'-webkit-user-select': 'none'
});

解説

右クリックはイベント contextmenu を拾って false を返却すれば抑止できるようです。

テキストの選択は IE とそれ以外で別の方法を採ります。IE ではイベント selectstart と dragstart を拾ってそのイベントをキャンセルすることで抑止できるようです。また IE 以外のブラウザではスタイルの指定で抑止できるようです。

参考

• jQueryを使って右クリックメニューを禁止する方法 | IDEA*IDEA
• ドラッグによるテキストの選択をキャンセルする【CSS, HTML, JavaScript】 - Programming Magic