コンテキストメニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベント-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

コンテキストメニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベント

PHPz

Nov 04, 2017 am 11:29 AM

oncontextmenu マウスイベント

例

ユーザーが

要素上でマウスを右クリックしたときに実行されますJavaScript :

<div oncontextmenu="myFunction()" contextmenu="mymenu">

ログイン後にコピー

ユーザーが要素内でマウスを右クリックして開いたときに発生する

oncontextmenu イベントを定義して使用しますコンテキストメニュー。

注: すべてのブラウザは oncontextmenu イベントをサポートし、contextmenu 要素は Firefox ブラウザでのみサポートされます。 Browsersupport

コンテキストメニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベント syntax

html：

<element oncontextmenu="myScript">

ログイン後にコピー

javascript：

object.oncontextmenu=function(){myScript};

ログイン後にコピー

javascript、addeventlistener（）メソッドを使用してください。 addEventListener() をサポートします。

技術的な詳細

バブリングがサポートされているかどうか:はいはいMouseEventすべての HTML 要素ブラウザでマウスの右ボタンをクリックすると、デフォルトのウィンドウがポップアップ表示されます。さらに、oncontexmenu イベントを変更することで、デフォルトのイベントを変更できます。スペースを押すキーを押すと、ブラウザウィンドウのスクロールバーが一定距離下にスクロールします。対応するイベントをバインドすることで変更することもできます。次のとおりです:

object.addEventListener("contextmenu", myScript);

ログイン後にコピー

	キャンセル可能:
	イベントの種類:
	サポートHTML タグ:

以下は、マウスの右ボタンを変更するためのデフォルトのイベントケースです:

<!doctype html>
<html>
    <head>
        <!--声明当前页面编码集(中文编码<gbk,gb2312>,国际编码<utf-8>)-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="keywords" content="关键词,关键词">
        <meta name="description" content="">
        <title> html </title>
        <style type="text/css">
            *{padding:0px;margin:0px;}
            body{height:2000px;}
        </style>
    </head>
<body>
    <script>
/*屏蔽鼠标右键的默认事件*/
        document.oncontextmenu = function(){
            return false;
        };
/*屏蔽按空格键是滚动条向下滚动*/    
        document.onkeydown = function(ev){
            var e = ev||event;
            if(e.keyCode == 32){
                return false;
            }
        }
    </script>
</body>

</html>

ログイン後にコピー

以上がコンテキストメニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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