本文主要介绍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