百度站长资源管理,胶州专业建站,网站建设中字样图片,wordpress目录怎么制作今天来记录下js来自定义鼠标右键#xff0c;同样先来分解下它的实现原理#xff1a;1、屏蔽右键默认事件#xff1b;(一度我以为修改的就是默认事件)2、对一个ul的隐藏#xff1b;(这个我也曾迂腐的认为值得这样操作的都是div#xff0c;汗)3、对鼠标点击右键做出的响应同样先来分解下它的实现原理1、屏蔽右键默认事件(一度我以为修改的就是默认事件)2、对一个ul的隐藏(这个我也曾迂腐的认为值得这样操作的都是div汗)3、对鼠标点击右键做出的响应显示隐藏的ul4、鼠标重新点击后ul重新被隐藏这样来看的话我们需要做的事情是不是就简单了很多先上代码html部分开始暂停拜拜javascript部分window.οnlοadfunction(){var forRightdocument.getElementById(testRight);//获取对象现在太熟悉了forRight.style.displaynone;var titleforRight.getElementsByTagName(li);for(var i0;ititle[i].οnmοuseοverfunction(){this.classnameactive;//其实这里我们也可以调用其他事件吧};title[i].οnmοuseοutfunction(){//这里也是鼠标的两个事件吧this.classname;};}document.οncοntextmenufunction(event){//这是实现的关键点var eventevent||window.event;//这个都不是问题了吧forRight.style.displayblock;forRight.style.leftevent.clientXpx;forRight.style.topevent.clientYpx;//鼠标的坐标啊return false;//这里返回false就是为了屏蔽默认事件};document.οnclickfunction(){//就是为了更形象的模仿啊forRight.style.displaynone;};};先来看今天记录的最关键的地方document.oncontextmenu这个事件返回false的话就是屏蔽默认事件如果我们其他都不写只在这个事件里面写return好像就下面这样document.οncοntextmenufunction(){return false;}这样的话再点击右键也不会出现任何响应了。然后返回来再看整个的事件应用好像除了这个事件其他的都是比较熟悉的事件了可就是对事件的这种整合总是缺乏关键还是思路是创意吧不过先不管哪儿多了先整吧但求熟读三千首不求写来只问吟。扎马步扎马步扎马步.....
