[ jQuery ] コピー・貼り付け・切り取り・右クリックメニューを無効化する

Tweet

Pocket

ここでは、コピー、貼り付け、切り取り、右クリックメニューを jQuery で無効化するサンプルを掲載しています。

右クリックコンテキストメニューの無効化

ブラウザの表示枠内で右クリックを行うとコンテキストメニューが出力されます。

右クリックコンテキストメニュー

このコンテキストメニューを表示させないようにするサンプルスクリプトは以下の通りです。

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

ただし、このサンプルは画面全体で右クリックを無効化しています。例えばある div タグ内だけを右クリック禁止にしたい場合には、その要素を指定するようにします。

コピー・貼り付け・切り取りを無効にする

ここでは、以下の input タグに対してコピー、貼り付け、切り取りを無効化するサンプルを示します。

HTML

<input id="block_copy" type="text" value="" />

サンプルスクリプト

$(function () {

    /*
     * コピー・切り取り・貼り付けをまとめて禁止
     */
    $('#block_copy').on('copy cut paste', function(e) {
    
        /*
         * イベントをキャンセルする
         */
        e.preventDefault();
    });

});

ただし、あまり多用すると使い勝手の面から不満を言う人が必ず出てきます。注意しましょう。

Tweet

Pocket