js oncontextmenu事件使用详解

js oncontextmenu事件使用详解

本文主要介绍js oncontextmenu事件的详细讲解,有需要的朋友可以参考一下。

定义和使用

当用户在元素中右击鼠标时,Oncontextmenu事件触发并打开上下文菜单。

注意:所有浏览器都支持oncontextmenu事件,只有Firefox浏览器支持contextmenu元素。

实例

当用户在div元素上右击鼠标时执行JavaScript:

div oncontext menu= my function() context menu= my menu

用oncontextmenu事件单禁用右键菜单

onconTextmenu=window . event . return value=false;右键单击菜单以禁用。使用此选项禁用复制。

向正文添加属性代码:

脚本

window . document . oncontextmenu=function(){

//alert(请不要点击鼠标右键!);

返回false

}

/脚本

oncontextmenu=return false

Onselectstart=return false 禁止选择网页上的内容。

Oncopy=return false 防止复制用户在网页上选择的内容。

防止用户将网页另存为:

使用noscript iframe src=*。html/iframe/noscript标签可以防止网页被直接保存,但不能防止网页被工具下载。

*是通配符。

示例1:

超文本标记语言

TitleOnContextMenu事件/标题

脚本语言=JavaScript

!-

函数函数()

{

document . all . info div . innerhtml=您按了鼠标右键,但右键菜单无法显示!;

}

函数uFunction2()

{

document . all . info div . innerhtml=您按下了Ctrl鼠标右键以显示右击菜单。;

}

//-

/脚本

/头

body oncontextmenu=if(!event . ctrl key){ u function();返回false}else{uFunction2()}

Div id=infoDiv 您按了鼠标右键,但是右键菜单无法显示!Br您按下了Ctrl鼠标右键以显示右键菜单。

/div

/body

/html

示例2:

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

超文本标记语言

使用title onm ousedown和OnContextmenu将鼠标左键、中键和右键单击的处理添加到表格/标题中。

脚本类型=文本/javascript

var keyArray=新数组(

新数组(0,右击),

新数组(1,左键),

新数组(2,右键),//测试右键在IE7是2,在Maxthon2.0正式版是0。

新数组(3,同时按左右键),//我在IE7里捕捉不到,慎用。

新数组(4,“中间键”)

//测试同时按下两个键以获得更多表示

//新数组(6,同时按下右键)

);

功能点击()

{

var message=get key message(event . button);

警报(消息);

如果(事件。button==2 ||事件。button==0)//按下右键,//测试在IE7中右键是2,在傲游2.0正式版中是0。

{

//处理代码

}

}

函数GetKeyMessage(按钮)

{

for(var I=0;i keyArray.length我)

{

if (keyArray[i][0]==button)

{

return keyArray[i][1],event.button= button

}

}

返回“未知的组合键,event.button=”按钮。

}

/脚本

/头

身体

表格单元格填充=0 单元格间距=0 边框=1

tr

!-在上下文菜单上= return false 块快捷菜单-

Td上下文菜单= return false onm ousedown= click()请用左键、右键、中键和左键点击此处进行测试/td。

/tr

tr

此td表格尚未处理。单击此处时没有响应/td

/tr

/表格

/body

/html

js oncontextmenu事件使用详解