html OnContextMenu事件 右键菜单

最新推荐文章于 2021-06-01 08:48:45 发布
最新推荐文章于 2021-06-01 08:48:45 发布
阅读量60 收藏
点赞数

用oncontextmenu事件单禁用右键菜单

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

在<body>中加入属性代码：

οncοntextmenu="return false"

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

οncοpy="return false" 防复制用户在网页上选中的内容

防止用户另存网页：

利用<noscript><iframe src=*.html></iframe></noscript>标签，能防止网页的直接另存，但不能防止网页被人使用工具下载

*为通配符。

用oncontextmenu事件自定义右键菜单

document.oncontextmenu = function(e)
{
//自己的右键菜单。。。。。。

}

或在body中添加οncοntextmenu="youfunction"


wapysun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML实现右键菜单
08-07
jQuery 右键菜单 HTML右键菜单 javascript 右键
HTML中实现右键菜单功能
04-14
简单阐述了HTML中实现右键菜单的功能
用oncontextmenu事件单禁用右键菜单
pavel0的专栏
07-08 1320
onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。   在&lt;body&gt;中加入属性代码： oncontextmenu="return false"               onselectstart="return false"                   禁止选中网页上的内容 oncopy...
html-oncontextmenu 事件
cxu123321的博客
10-18 403
oncontextmenu事件 事件对象 实例 当用户在 <div> 元素 上右击鼠标时执行 JavaScript ： <div oncontextmenu="myFunction()" contextmenu="mymenu"> 定义和使用 oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。 注意：所有浏览器都支持 oncont...
JavaScript 自定义html元素鼠标右键菜单功能
10-15
总结来说，JavaScript实现自定义HTML元素的鼠标右键菜单功能主要是通过监听`oncontextmenu`事件，阻止默认的右键菜单，获取鼠标位置并显示自定义菜单，以及处理全局点击事件来隐藏菜单。这个功能可以广泛应用于网页...
js右键菜单效果代码
10-30
### JS右键菜单效果代码详解 #### 一、概述 本文档将详细介绍如何利用JavaScript创建一个自定义的右键菜单效果。此功能适用于需要增强用户体验的Web应用或网站，允许用户通过右键点击来触发一系列预设操作。下面将...
Html屏蔽右键菜单和左键划字功能的示例
09-28
当这个事件触发时，我们可以通过返回`false`来阻止默认的右键菜单显示。以下是一个简单的示例： ```html <body oncontextmenu="self.event.returnValue=false"> ``` 这段代码会使得在该`<body>`元素内的所有内容，...
在博客园博文中添加自定义右键菜单的方法详解
10-15
在博客园博文中添加自定义右键菜单是一种增强用户体验的方式，尤其对于长篇文章，它可以提供更便捷的功能访问，如快速回到顶部、点赞和评论。本文将深入探讨如何利用DOM鼠标事件来实现这一功能。 首先，我们需要...
原生Vue 实现右键菜单组件功能
10-15
总之，原生Vue实现的右键菜单组件提供了高度的定制性和灵活性，通过监听事件、定义菜单结构和处理点击事件，可以轻松实现这一功能。通过这种方式，你可以在不引入额外依赖的情况下，为Vue应用添加丰富的交互体验。
js实现 html 鼠标右键 菜单
09-23
根目录 菜单一 菜单二 go 修改 删除 function showMenu(id){ menuForm.id.value = id; if("" == id){ } else{ popMenu(itemMenu,100,"111"); } event.returnValue=false; event.cancelBubble=true; return false; } /** *显示弹出菜单 *menuDiv:右键菜单的内容 *width:行显示的宽度 *rowControlString:行控制字符串，0表示不显示，1表示显示，如“101”，则表示第1、3行显示，第2行不显示 */ function popMenu(menuDiv,width,rowControlString){ //创建弹出菜单 var pop=window.createPopup(); //设置弹出菜单的内容 pop.document.body.innerHTML=menuDiv.innerHTML; var rowObjs=pop.document.body.all[0].rows; //获得弹出菜单的行数 var rowCount=rowObjs.length; //循环设置每行的属性 for(var i=0;i<rowObjs.length;i++) { //如果设置该行不显示，则行数减一 var hide=rowControlString.charAt(i)!='1'; if(hide){ rowCount--; } //设置是否显示该行 rowObjs[i].style.display=(hide)?"none":""; //设置鼠标滑入该行时的效果 rowObjs[i].cells[0].onmouseover=function(){ this.style.background="#818181"; this.style.color="white"; } //设置鼠标滑出该行时的效果 rowObjs[i].cells[0].onmouseout=function(){ this.style.background="#cccccc"; this.style.color="black"; } } //屏蔽菜单的菜单 pop.document.oncontextmenu=function(){ return false; } //选择右键菜单的一项后，菜单隐藏 pop.document.onclick=function(){ pop.hide(); } //显示菜单 pop.show(event.clientX-1,event.clientY,width,rowCount*25,document.body); return true; } function create(){ alert("create" + menuForm.id.value + "!"); } function update(){ alert("update" + menuForm.id.value + "!"); } function del(){ alert("delete" + menuForm.id.value + "!"); } function clickMenu(){ alert("you click a menu!"); }
html中DIV鼠标右击菜单
11-27
html中可对某个区域中鼠标右键实现菜单功能，方便菜单下的操作
基于JavaScript实现右键菜单和拖拽功能
10-21
总结一下，本文通过JavaScript实现了右键菜单功能和拖拽功能，展示了如何通过事件监听和元素定位来增强网页的交互性。理解并掌握这些技巧对于任何JavaScript开发者来说都是非常重要的，因为它们是构建动态、用户友好...
禁止鼠标右键及svg中自定义右键菜单
04-09
总结起来，禁止鼠标右键和在SVG中自定义右键菜单涉及到JavaScript事件处理和DOM操作。通过监听`contextmenu`事件并调用`preventDefault()`方法，可以阻止浏览器的默认右键菜单。而在SVG中，我们可以结合CSS和...
Javascript实现的简单右键菜单类
10-23
这个类能够屏蔽浏览器默认的右键菜单，并提供自定义的菜单项和事件处理。 首先，这个右键菜单类包含以下几个主要参数： 1. `div`：触发显示右键菜单的HTML元素的ID，通常是用户点击右键的区域。 2. `menuDiv`：...
html 右键菜单
玩笑
03-25 571
//禁止浏览器的右键 document.oncontextmenu = function() {     return false; } //右键3  左键1 中键2 $("body").mousedown(function(e) {     console.log(e.which);     if(e.which==3){     var xx = e.originalEve
HTML自定义右键菜单oncontextmenu
weixin_30508309的博客
09-18 288
右键菜单原理：取消右键菜单oncontextmenu的默认事件，然后添加自定义样式。 一、阻止默认事件 ie： window.event.returnValue = false; w3c： window.event.preventDafault(); 二、阻止事件流 ie: window.event.cancleBubble = true; w3c: window.e...
html右键菜单定位,HTML-右键菜单
weixin_39562752的博客
06-01 390
右键菜单实例html>右键菜单*{margin:0;padding:0;}img{border:0;}body{font-size:12px;font-family:"微软雅黑";color:#666;background:url("p_w_picpaths/pifu2.jpg")no-repeat;}/*menustart*/#menu{width:200px;background:#...
HTML页面实现右键菜单,HTML中实现右键菜单功能
weixin_36352025的博客
05-30 1496
HTML中实现右键菜单功能我们使用的应用系统很多都有右键菜单功能。但是在网页上面，点击右键一般显示的却是IE默认的右键菜单，那么我们如何实现自己的右键菜单呢？下面将讲解右键菜单功能的实现原理和实现代码。实现原理在HTML语言中，基本上每个对象都有一个oncontextmenu事件，这个事件就是鼠标的右键单击事件(onclick事件是鼠标的左键单击事件)，那么我们就可以在鼠标右击的时候，让系统弹出一...
svg设置元素右键菜单
最新发布
07-14
使用SVG的`oncontextmenu`事件监听右键点击事件，并阻止默认的右键菜单显示。 ```javascript var svg = document.querySelector('svg'); svg.oncontextmenu = function(event) { event.preventDefault(); //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值