JS开发中自定义鼠标右键的实现方法

在JavaScript开发中，程序员通常要模拟操作效果，而页面点击也是其中一个，今天是爱站技术频道小编和大家分享的JS开发中自定义鼠标右键的实现方法，希望能为你带来帮助。

今天来记录下js来自定义鼠标右键，同样先来分解下它的实现原理：

1、屏蔽右键默认事件；（一度我以为修改的就是默认事件）

2、对一个ul的隐藏；（这个我也曾迂腐的认为值得这样操作的都是div，汗）

3、对鼠标点击右键做出的响应，显示隐藏的ul；

4、鼠标重新点击后，ul重新被隐藏

这样来看的话，我们需要做的事情是不是就简单了很多，先上代码：

html部分

javascript部分：

window.onload=function(){ 
var forRight=document.getElementById("testRight");//获取对象，现在太熟悉了 
forRight.style.display="none"; 
var title=forRight.getElementsByTagName("li"); 

for(var i=0;i

先来看今天记录的最关键的地方：document.oncontextmenu这个事件返回false的话就是屏蔽默认事件，如果我们其他都不写，只在这个事件里面写return，好像就下面这样

document.oncontextmenu=function(){ 
return false; 
}

今天爱站技术频道小编为大家带来了JS开发中自定义鼠标右键的实现方法，其实我们都比较熟悉这些操作了，但是创意的逻辑还差点，希望大家能扎稳脚步，越来越扎实哦。