,,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 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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 关于js的面试题,前段js面试题
  • 关于js的面试题,前段js面试题,送你43道JS面试题(收藏)
  • 关于js中的全等和不全等,等于和不等于问题的关系,
  • 关于js中的全等和不全等,等于和不等于问题的关系,,关于JS中的全等和不全等、等于和不等于问题
  • 全面了解js中的匿名函数有哪些,全面了解js中的匿名函数是什么
  • 全面了解js中的匿名函数有哪些,全面了解js中的匿名函数是什么,全面了解JS中的匿名函数
  • 使用js实现简单的图片切换功能的方法,使用js实现简单的图片切换功能命令
  • 使用js实现简单的图片切换功能的方法,使用js实现简单的图片切换功能命令,使用JS实现简单的图片切换功能
  • 使用js实现数据格式化命令,使用js实现数据格式化的方法
  • 使用js实现数据格式化命令,使用js实现数据格式化的方法,使用js实现数据格式化
  • 使用js代码实现点击按钮下载文件的方法,使用js代码实现点击按钮下载文件并安装
  • 使用js代码实现点击按钮下载文件的方法,使用js代码实现点击按钮下载文件并安装,使用JS代码实现点击按钮下载文件
  • 代码错误未结束的字符串常量,代码错误未结束的字符串常量,js 未结束的字符串常量错误解决方法
  • 什么叫jsp,jsp的概念是什么
  • 什么叫jsp,JSP是指
  • 留言与评论(共有 条评论)
       
    验证码: