ホームページ >ウェブフロントエンド >htmlチュートリアル >コンテキスト メニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベント
コンテキスト メニューがトリガーされたときにスクリプトを実行する HTML の oncontextmenu イベント
- PHPzオリジナル
- 2017-11-04 11:29:302299ブラウズ
例
ユーザーが
要素上でマウスを右クリックしたときに実行されますJavaScript : はい
以下は、マウスの右ボタンを変更するためのデフォルトのイベント ケースです:
<div oncontextmenu="myFunction()" contextmenu="mymenu">
ユーザーが要素内でマウスを右クリックして開いたときに発生する
oncontextmenu イベントを定義して使用しますコンテキストメニュー。
注: すべてのブラウザは oncontextmenu イベントをサポートし、contextmenu 要素は Firefox ブラウザでのみサポートされます。 Browsersupport
syntax
html：
<element oncontextmenu="myScript">
javascript：
object.oncontextmenu=function(){myScript};
javascript、addeventlistener（）メソッドを使用してください。 addEventListener() をサポートします。
技術的な詳細バブリングがサポートされているかどうか:
| キャンセル可能: | |
| イベントの種類: | |
| サポートHTML タグ: | |
| ブラウザでマウスの右ボタンをクリックすると、デフォルトのウィンドウがポップアップ表示されます。さらに、oncontexmenu イベントを変更することで、デフォルトのイベントを変更できます。スペースを押す キーを押すと、ブラウザ ウィンドウのスクロール バーが一定距離下にスクロールします。対応するイベントをバインドすることで変更することもできます。次のとおりです: |
<!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 までご連絡ください。