本文主要介绍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 OnMousedown和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 ' onmousedown=' click()'请用左键、右键、中键和左键点击此处进行测试/td。
/tr
tr
此td表格尚未处理。单击此处时没有响应/td
/tr
/表格
/body
/html
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。