Maison >interface Web >js tutoriel >Explication détaillée de la méthode utilisée dans l'événement js oncontextmenu

Explication détaillée de la méthode utilisée dans l'événement js oncontextmenu

亚连original: 2018-05-19 11:36:023263parcourir

Cet article présente principalement l'explication détaillée de l'utilisation de l'événement js oncontextmenu. Les amis qui en ont besoin peuvent se référer à la définition et à l'utilisation de l'événement

oncontextmenu. lorsque l'utilisateur clique avec le bouton droit sur l'élément Déclenche et ouvre le menu contextuel lorsque la souris est enfoncée.
Remarque : tous les navigateurs prennent en charge l'événement oncontextmenu et l'élément contextmenu n'est pris en charge que par le navigateur Firefox.

Exemple

Exécuter JavaScript lorsque l'utilisateur clique avec le bouton droit sur l'élément e388a4556c0f65e1904146cc1a846bee :

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

Utilisez la liste d'événements oncontextmenu pour désactiver le menu contextuel

onconTextmenu=window.event.returnValue=false ; ceci pour interdire la copie.

Ajouter le code d'attribut dans 6c04bd5ca3fcae76e30b72ad730ca86d :

<script>
 window.document.oncontextmenu = function(){ 
//alert(&#39;请不要点击鼠标右键！&#39;);
return false;
} 
</script>

oncontextmenu="return false"

onselectstart = "return false" interdit la sélection de contenu sur la page Web

oncopy="return false" empêche la copie du contenu sélectionné par l'utilisateur sur la page Web

empêche les utilisateurs d'enregistrer des pages Web :

Utiliser la balise 2b0b25ff593c5b6c03403dd6234ffb2c81829a33a9f39f39c2cc9fa7292ccbe1065276f04003e4622c4fe6b64f465b88f920f363442462683100636cb2662870 peut empêcher l'enregistrement direct de la page Web, mais elle ne peut pas empêcher son téléchargement à l'aide des outils

* est un caractère générique.

Exemple 1 :

<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>

Exemple 2 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>利用OnMousedown和OnContextmenu为表格添加鼠标左中右键单击的处理</title>
  <script type="text/javascript">
　　　　var keyArray = new Array(
  　　　　new Array(0, "右键"),
  　　　　new Array(1, "左键"),
  　　　　new Array(2, "右键"), // 测试在IE7中按右键是2,在Maxthon2.0正式版中是0
  　　　　new Array(3, "左键右键同时按"),//在IE7中我测试捕获不到，慎用
  　　　　new Array(4, "中键")
  　　　　//测试同时按两个键更多的表示
  　　　　//new Array(6, "中键右键同时按")
　　　　);
　　　　function Click()
　　　　{
  　　　　var message = GetKeyMessage(event.button);
  　　　　alert(message);
  　　　　if (event.button == 2 || event.button == 0) //按右键，// 测试在IE7中按右键是2,在Maxthon2.0正式版中是0
  　　　　 {
    　　　　//处理代码
  　　　　}
　　　　}
　　　　function GetKeyMessage(button)
　　　　{
  　　　　for (var i = 0; i < keyArray.length; i++)
  　　　　{
    　　　　if (keyArray[i][0] == button)
    　　　　{
      　　　　return keyArray[i][1] + "， event.button = " + button;
    　　　　}
  　　　　}
  　　　　 return "未知组合键， event.button = " + button;
　　　　}
　　</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1">
<tr>
　　<!--oncontextmenu="return false"屏蔽快捷菜单-->
  <td oncontextmenu="return false" onmousedown="Click()">请分别用左键、右键、中键、左键右键组合点这里测试</td>
</tr>
<tr>
  <td>这个表格没有处理，点这里没反应</td>
</tr>
</table>
</body>
</html>

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Chargement de jquery en JS.jsExplication détaillée de la méthode

Spécification de génération JS Explication détaillée des nombres aléatoires de plage et des méthodes de séquence aléatoire

JS pour obtenir le plus petit commun multiple et le plus grand diviseur commun

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Expressions de fonctions JavaScript (tutoriel graphique)Article suivant：Expressions de fonctions JavaScript (tutoriel graphique)

Articles Liés

Voir plus