javascript阻止右键默认行为,重新添加右键新菜单

 EventUtil.addHandler(window,"load",function(event){var div=document.getElementById("mydiv");//禁止右键默认行为EventUtil.addHandler(div,"contextmenu",function(event){var event=EventUtil.getEvent(event);EventUtil.preventDefault(event);//为右键菜单添加CSS属性var menu=document.getElementById("myList");menu.style.listStyle="none";menu.style.margin=0;menu.style.padding=0;menu.style.width="80px";menu.style.fontSize="14px";menu.style.textAlign="center";menu.style.left=event.clientX+"px";menu.style.top=event.clientY+"px";menu.style.visibility="visible";var list=menu.children;for(var i=0,len=list.length;i<len;i++){list[i].style.marginTop="5px";}});//点击文档任意部位,关闭自定义右键菜单EventUtil.addHandler(document,"click",function(event){document.getElementById("myList").style.visibility="hidden";});});
<div id="container"><div id="mydiv">右键菜单</div><ul id="myList" style="position:absolute;visibility:hidden;background-color:silver"><li><a href="www.baidu.com">百度</a></li><li>菜单 2 </li><li>菜单 3 </li><li>菜单 4 </li><li>菜单 5 </li></ul>
</div>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/89184.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

梦想让生活得以忍受-寄语机器视觉工程师

我&#xff0c;曾梦想梦想走天涯&#xff0c;看看这世界的繁华&#xff0c;年少的心总有些轻狂&#xff0c;如今四海为家。 大家都听过这首歌&#xff0c;迎来很多打工人的共鸣&#xff0c;著名作家海明威曾说&#xff0c;“一个人可以被打败&#xff0c;但不可以被毁灭”&…

Web自动化测试 —— 如何进行Selenium页面数据及元素交互?啊哈

前言&#xff1a; Web自动化测试是一种常用的测试方式&#xff0c;通过在浏览器中模拟用户操作以及与页面元素的交互&#xff0c;可以有效地检验页面的功能性以及稳定性。Selenium是一款流行的Web自动化测试工具&#xff0c;在本篇文章中&#xff0c;我们将介绍如何使用Seleni…

Echarts 自适应不生效解决(CPK分析工具直方图为例)

示例代码为左上方的CPK分析直方图组件 <template><div ref="cpk" id="cpk" style="height: 300px; width: 100%"></div> </template><script> import * as echarts from "echarts"; import { deboun…

嵌入式工程师面试题

嵌入式工程师常见面试题目: 解释一下嵌入式系统中的中断和轮询的工作原理,并比较它们的优缺点。在嵌入式系统中,如何进行低功耗设计和优化?什么是嵌入式系统的实时性?你如何确保系统的实时性?描述一下嵌入式系统中的信号量、互斥锁和条件变量的作用和用法。在嵌入式系统中…

面试题库(十一):MQ和分布式事务

MQ mq 通知时,消费者没消费到怎么办简单聊聊消息中间件?你了解那些具体的消息中间件产品?mq的消费端是怎么处理的? 整理一下你的消费端的整个处理逻辑流程,然后说说你的ack是在哪里返回的。按照你这样画的话,如果数据库突然宕机,你的消息该怎么确认已经接收? 那如果发送…

Qt 编译纯c的C99的项目, error: undefined reference to `f()‘

把Cpp的后缀该为C是什么样的 尝试引用一个奇门排盘的c程序&#xff0c;在git上找到的叫cqm&#xff0c; 然后总是报错 error: undefined reference to f() 很是郁闷 于是新建了个项目试验一下&#xff0c;终于摸清了需要命名空间。 后来这么写就可以了 a.h namespace XX …

算法 比较版本号-(同向双指针)

牛客网: BM22 题目: 字符串以.连接&#xff0c;从左到右编号&#xff0c;比较版本号大小 思路: 按.切割为字符串数组&#xff0c;双指针p1, p2均初始化为坐标0, 将p1与 p2指向部分转为数字进行比较&#xff0c;如果为空则默认为0不从数组中取字符串&#xff0c;直到p1与p2都达…

二进制文件和文本文件

二进制文件是在计算机中以二进制格式存储的文件&#xff0c;它包含了一组按照特定格式组织的二进制数据。与之相对的是文本文件&#xff0c;文本文件使用**字符编码&#xff08;ASCII&#xff09;**来表示数据。 以下是一些常见的二进制文件的示例&#xff1a; 图像文件&#…

SpringMVC 学习(五)转发,重定向和传参

6. 转发和重定向 Spring MVC 的底层是 servlet&#xff0c;因此在 Spring MVC 中也存在转发和重定向的概念。 对于转发而言&#xff0c;其目的页面可以在 WEB-INF 目录下。重定向的目的页面不允许在 WEB-INF 目录下&#xff0c;因为重定向相当于用户再次发起一次请求&#xf…

HarmonyOS开发:解决DevEco Studio低版本导入高版本项目运行失败问题

前言 基于DevEco Studio 4.0 Beta2&#xff0c;hvigorVersion为3.0.2&#xff0c;开发了一个项目&#xff0c;上传到了远程仓库&#xff0c;当同事下载后&#xff0c;却始终无法运行&#xff0c;频繁报错&#xff0c;由于API都是使用的9&#xff0c;第一感觉就是开发环境不同&a…

Qt: 鼠标形状设置

设置全局鼠标形状 设置完毕后&#xff0c;整个APP的任何窗体&#xff0c;包括Dialog中的鼠标形状都会被修改为设定类型&#xff0c;某一个控件设定的鼠标形状将被替换。一般不建议使用 QCursor cursor;//创建鼠标对象 cursor.setShape(Qt::CursorShape::ClosedHandCursor);//…

9.25 校招 实习 内推 面经

绿泡*泡&#xff1a; neituijunsir 交流裙 &#xff0c;内推/实习/校招汇总表格 1、校招 | 达闼机器人2024届校园招聘正式启动 校招 | 达闼机器人2024届校园招聘正式启动 2、2023校招总结--自动驾驶规控算法 - 10 2023校招总结--自动驾驶规控算法 - 10 3、校招 | 腾讯北极…

创建线程的4种方法

目录 一.前言 1.关于进程调度 (1)为什么要调度? (2)调度的真正对象 (3)调度的资源 2.线程 (1).线程的写法 (2)线程创建的方法 1.继承Thread (1)使用继承Thread,重写run的方式来创建线程 (2)继承Thread,使用匿名内部类 2.实现Runnable (1)使用实现Runnable,重写run…

算法 数组中的逆序对-(归并排序+递归回溯+双指针)

牛客网: BM20 题目: 求出数组中逆序对总数 思路: 使用归并排序思路&#xff0c;先分裂&#xff0c;再合并&#xff0c;合并的时候&#xff0c;左半段有序&#xff0c;右半段有序&#xff0c;如果左半段某个值大于右半段某个值 data[i] > data[j]&#xff0c; 则可通过j与右…

搭建本地git服务器及详细操作步骤

1.搭建本地git服务器 1.1环境 服务器&#xff1a;Ubuntu18.04 客户端&#xff1a;windows10_x64、Ubuntu20.04 无论是服务端还是客户端都需要先安装git Ubuntu安装方法&#xff1a; sudo apt update sudo apt install gitwindows安装方法&#xff1a; https://blog.csdn…

Android系统之编译Intel5.1问题解决

1.jdk问题: ************************************************************ You are attempting to build with the incorrect version of java.Your version is: openjdk version "1.7.0_75" OpenJDK Runtime Environment (build 1.7.0_75-b13) OpenJDK 64-Bit Se…

微服务线上问题排查困难?不知道问题出在哪一环?那是你还不会分布式链路追踪

咱们以前单体应用里面有很多的应用和功能&#xff0c;依赖各个功能之间相互调用&#xff0c;使用公共的代码包等等&#xff0c;排查问题&#xff0c;使用类似于 gdb/dlv 工具或者直接查看代码日志&#xff0c;进行定位和分析 但是现在我们基本上都是微服务架构了&#xff0c;将…

JavaScript入门——(2)基础语法(上)

一、JavaScript介绍 1.1 JavaScript是什么 1.1.1 JavaScript是什么&#xff1f; JavaScript是一种运行在客户端&#xff08;浏览器&#xff09;的编程语言&#xff0c;实现人机交互效果。 注意&#xff1a;HTML和CSS是标记语言。 1.1.2 作用&#xff08;做什么&#xff1f…

2023最新最详细软件测试技术面试题【含答案】

【软件测试面试突击班】如何逼自己一周刷完软件测试八股文教程&#xff0c;刷完面试就稳了&#xff0c;你也可以当高薪软件测试工程师&#xff08;自动化测试&#xff09; 有这样一个面试题&#xff1a;在一个Web测试页面上&#xff0c;有一个输入框&#xff0c;一个计数器&…

Ubuntu常见问题解决方法

1、网络设置 参考博客&#xff1a;《Ubuntu 22.04 配置静态IP》、《虚拟机上网设置——桥接模式 & NAT模式》&#xff1b; 2、报错&#xff1a;failed to create hard link 参考博客&#xff1a;《Ubuntu中报错&#xff1a;failed to create hard link》&#xff1b; 3、修…