首页 > 编程知识 正文

js屏蔽网页鼠标右键问题(网页屏蔽右键怎么办)

时间:2023-11-30 11:44:53 阅读:310741 作者:NBAW

本文目录一览:

  • 1、JavaScript 网页的右键菜单怎么屏蔽
  • 2、js如何在页面禁止右击
  • 3、如何使用JavaScript屏蔽鼠标右键菜单,并且调用其他函数。

JavaScript 网页的右键菜单怎么屏蔽

html

head

title屏蔽鼠标右键/title

/head

body oncontextmenu=self.event.returnvalue=false

第一种方法:在body标签里加上oncontextmenu=self.event.returnvalue=false;

br

script language="javascript"

!--

function document.oncontextmenu()

{

return false;

}

function nocontextmenu()

{

if(document.all) {

event.cancelBubble=true;

event.returnvalue=false;

return false;

}

}

--

/script

第二种方法:在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()"

br

script language="javascript"

!--

function rclick()

{

if(document.all) {

if (event.button == 2){

event.returnvalue=false;

}

}

}

--

/script

br详细情况请查看代码。br

br现在点击你的鼠标右键,不起作用了。

/body

/html

js如何在页面禁止右击

在THML页面代码添加以下代码就可以

script language="javascript"

/*document.oncontextmenu=Youji;*/ //为当前文档添加鼠标右击事件,防止默认的右击菜单弹出

function Youji()

{

alert("右击失败!");

return false;

}

//为某个dom元素添加鼠标右击事件

window.onload = function(){

document.getElementById("div1").oncontextmenu=Youji;

}

/script

div id="div1"

/div

保存后打开。面就可以看到效果,

如何使用JavaScript屏蔽鼠标右键菜单,并且调用其他函数。

有 jQuery 就好办多了,你可以直接使用 contextmenu()。你的自定义 事件/代码 必须写在 return false 之前。

我写了个大概的框架,菜单内容和点击事件你要自己根据实际情况添加。

!DOCTYPE html

html

head

title右键自定义菜单/title

meta charset="gb2312" /

script type="text/javascript" src="jquery.js"/script

script type="text/javascript"

$(function() {

var mousex = -99999, mousey = -99999;

$(document).on("contextmenu", function(e) {

mousex = e.pageX;

mousey = e.pageY;

$("#contextmenu").css({

top: mousey,

left: mousex

}).show();

return false;

}).on("click", function() {

$("#contextmenu").hide();

});

$("#contextmenu a").on("click", function() {

alert($(this).text());

});

});

/script

style type="text/css"

#contextmenu {

border: 1px solid #aaa;

border-bottom: 0;

background: #eee;

position: absolute;

list-style: none;

margin: 0;

padding: 0;

display: none;

}

#contextmenu li a {

display: block;

padding: 10px;

border-bottom: 1px solid #aaa;

cursor: pointer;

}

#contextmenu li a:hover {

background: #fff;

}

/style

/head

body

ul id="contextmenu"

lia自定义右键菜单 项目一/a/li

lia自定义右键菜单 项目二/a/li

lia自定义右键菜单 项目三/a/li

lia自定义右键菜单 项目四/a/li

lia自定义右键菜单 项目五/a/li

/ul

/body

/html

截图在空间,在这贴图总提交失败

hi.baidu.com/keneks/item/cb5d4bf938489c2f743c4c25

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。