好资源导航 » 文章资讯 » js oncontextmenu事件使用详解

js oncontextmenu事件使用详解

2024-02-26 20:19:03 52

定义和使用

oncontextmenu事件在元素中用户右击鼠标时触发并打开上下文菜单。
注意：所有浏览器都支持oncontextmenu事件，contextmenu元素只有Firefox浏览器支持。

实例

当用户在

元素上右击鼠标时执行JavaScript：

用oncontextmenu事件单禁用右键菜单

onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。

在中加入属性代码：

oncontextmenu="returnfalse"

onselectstart="returnfalse"禁止选中网页上的内容

oncopy="returnfalse"防复制用户在网页上选中的内容

防止用户另存网页：

利用标签，能防止网页的直接另存，但不能防止网页被人使用工具下载

*为通配符。

例1：



OnContextMenu事件





你按下了鼠标右键，但是右键菜单不能显示！
你按下了Ctrl+鼠标右键，可以显示右键菜单。

例2：




利用OnMousedown和OnContextmenu为表格添加鼠标左中右键单击的处理

varkeyArray=newArray(
newArray(0,"右键"),
newArray(1,"左键"),
newArray(2,"右键"),//测试在IE7中按右键是2,在Maxthon2.0正式版中是0
newArray(3,"左键右键同时按"),//在IE7中我测试捕获不到，慎用
newArray(4,"中键")
//测试同时按两个键更多的表示
//newArray(6,"中键右键同时按")
);
functionClick()
{
varmessage=GetKeyMessage(event.button);
alert(message);
if(event.button==2||event.button==0)//按右键，//测试在IE7中按右键是2,在Maxthon2.0正式版中是0
{
//处理代码
}
}
functionGetKeyMessage(button)
{
for(vari=0;i


请分别用左键、右键、中键、左键右键组合点这里测试


这个表格没有处理，点这里没反应

返回顶部
514930285
czq8825@qq.com

js oncontextmenu事件使用详解

热门推荐

随机推荐