ホームページ > ウェブフロントエンド > jsチュートリアル > jsのoncontextmenuイベントで使用されるメソッドの詳細説明

jsのoncontextmenuイベントで使用されるメソッドの詳細説明

亚连
リリース: 2018-05-19 11:36:02
オリジナル
3267 人が閲覧しました

この記事では主にjsのoncontextmenuイベントの使い方の詳しい説明を紹介していますので、必要な方は参考にしてください

定義と使い方

oncontextmenuイベントは、ユーザーが要素内でマウスを右クリックして開くとトリガーされます。コンテキストメニュー。
注: すべてのブラウザは oncontextmenu イベントをサポートし、contextmenu 要素は Firefox ブラウザでのみサポートされます。 exexample deexecute javascriptユーザーが< p>を右クリックした場合:rreeeeduse oncontextmenuイベントメニュー右クリックメニューを無効にします。 event.return Value= false; 右クリック メニューを無効にするには、これを使用します。

に属性コードを追加します:

<p oncontextmenu="myFunction()" contextmenu="mymenu">
ログイン後にコピー


oncontextmenu="return false"

onselectstart="return false" は Web ページ上のコンテンツの選択を禁止します

oncopy="return false" コピー防止ユーザーWeb ページ上で選択されたコンテンツ

ユーザーが Web ページを保存できないようにします:

タグを使用すると、Web ページが直接保存されなくなります。 、ただし、ツールを使用して Web ページがダウンロードされるのを防ぐことはできません

* はワイルドカード文字です。

例 1:

<script>
 window.document.oncontextmenu = function(){ 
//alert(&#39;请不要点击鼠标右键!&#39;);
return false;
} 
</script>
ログイン後にコピー

例 2:

<html>
<head>
<title>OnContextMenu事件</title>
<script language="JavaScript">
<!--
function uFunction()
{   
  document.all.infop.innerHTML=&#39;你按下了鼠标右键,但是右键菜单不能 显示!&#39;;
}
function uFunction2()
{  
  document.all.infop.innerHTML=&#39;你按下了Ctrl+鼠标右键,可以 显示右键菜单。&#39;;
}
//-->
</script>
</head>
<body oncontextmenu="if(!event.ctrlKey){uFunction();return false}else{uFunction2()}">
  <p id="infop">你按下了鼠标右键,但是右键菜单不能 显示!<br>你按下了Ctrl+鼠标右键,可以显示右键菜单。
  </p>
</body>
</html>
ログイン後にコピー

上記は、今後皆さんのお役に立てれば幸いです。

関連記事:

JSでjqueryを読み込む

js

メソッドを詳しく解説

指定範囲の乱数と乱数列を生成するJSメソッドを詳しく解説

JSを最小公倍数と最大公約数を求めます

以上がjsのoncontextmenuイベントで使用されるメソッドの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート