이 글에서는 js oncontextmenu 이벤트 사용법에 대한 자세한 설명을 주로 소개하고 있으니 필요하신 분들은 참고하시면 됩니다.
정의 및 사용법
oncontextmenu 이벤트는 사용자가 해당 요소에서 마우스 오른쪽 버튼을 클릭하여 열면 발생합니다. 상황에 맞는 메뉴.
참고: 모든 브라우저는 oncontextmenu 이벤트를 지원하며 contextmenu 요소는 Firefox 브라우저에서만 지원됩니다.
예
사용자가 e388a4556c0f65e1904146cc1a846bee 요소를 마우스 오른쪽 버튼으로 클릭하면 JavaScript를 실행합니다.
<p oncontextmenu="myFunction()" contextmenu="mymenu">
oncontextmenu 이벤트 메뉴를 사용하여 마우스 오른쪽 버튼 클릭 메뉴를 비활성화합니다
onconTextmenu=window. event.return 값= false; 복사를 비활성화하려면 이를 사용합니다.
6c04bd5ca3fcae76e30b72ad730ca86d에 속성 코드 추가:
<script> window.document.oncontextmenu = function(){ //alert('请不要点击鼠标右键!'); return false; } </script>
oncontextmenu="return false"
onselectstart="return false"는 웹페이지에서 콘텐츠 선택을 금지합니다
oncopy="return false" 복사 방지 사용자 웹페이지에서 선택한 콘텐츠
사용자가 웹페이지를 저장하는 것을 방지합니다.
2b0b25ff593c5b6c03403dd6234ffb2c81829a33a9f39f39c2cc9fa7292ccbe1065276f04003e4622c4fe6b64f465b88f920f363442462683100636cb2662870 태그를 사용하면 웹페이지가 직접 저장되는 것을 방지할 수 있습니다. , 하지만 도구를 사용하여 웹페이지를 다운로드하는 것을 방지하려면
*은 와일드카드 문자입니다.
예제 1:
<html> <head> <title>OnContextMenu事件</title> <script language="JavaScript"> <!-- function uFunction() { document.all.infop.innerHTML='你按下了鼠标右键,但是右键菜单不能 显示!'; } function uFunction2() { document.all.infop.innerHTML='你按下了Ctrl+鼠标右键,可以 显示右键菜单。'; } //--> </script> </head> <body oncontextmenu="if(!event.ctrlKey){uFunction();return false}else{uFunction2()}"> <p id="infop">你按下了鼠标右键,但是右键菜单不能 显示!<br>你按下了Ctrl+鼠标右键,可以显示右键菜单。 </p> </body> </html>
예제 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>
위 내용은 앞으로 모두에게 도움이 되기를 바랍니다.
관련 기사:
Loading jquery in JS.js방법에 대한 자세한 설명
JS 지정된 범위의 난수 및 난수열을 생성하는 방법에 대한 자세한 설명
위 내용은 js oncontextmenu 이벤트에서 사용되는 메소드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!