国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript實現鼠標右鍵特色菜單

2019-11-20 11:55:58
字體:
來源:轉載
供稿:網友

在Web端,通常是不需要右鍵菜單,各個瀏覽器也有自己的右鍵菜單。但是對于一些特殊的網頁,是需要右鍵菜單來增加用戶體驗的,比如百度音樂,QQ郵箱,相信大家都在Web端使用過右鍵菜單了,現在來分享一下如何實現,比較簡單。

運行代碼:

window.onload = function() {      document.oncontextmenu = block;      document.body.onmouseup = function(event) {        if (!event) event = window.event;        if (event.button == 2) {          var x = event.pageX || event.clientX;          var y = event.pageY || event.clientY;          document.getElementById("contextMenu").style.left = x  "px";          document.getElementById("contextMenu").style.top = y  "px";          document.getElementById("contextMenu").style.display = "block";        }      }      //阻止事件冒泡      document.getElementById("contextMenu").onclick = function(event) {        event.stopPropagation();      }      //點擊其他地方隱藏      document.onclick = function() {        document.getElementById("contextMenu").style.display = "none";      }      for (var i = 0; i < getElementsByClassName("contextMenuItem").length; i ) {         getElementsByClassName("contextMenuItem")[i].onclick = function(event) {          event = event ? event : window.event          var target = event.srcElement ? event.srcElement : event.targe;          document.getElementById("contextMenu").style.display = "none";          //alert("您點擊了: "  target.innerHTML);                   }      }     }         function block(event) {      if (window.event) {        event = window.event;        event.returnValue = false;      } else event.preventDefault();    }    //兼容IE不支持getElementsByClassName    function getElementsByClassName(className, root, tagName) {      if (root) {        root = typeof root == "string" ? document.getElementById(root) : root;      } else {        root = document.body;      }      tagName = tagName || "*";      if (document.getElementsByClassName) {         return root.getElementsByClassName(className);      } else {        var tag = root.getElementsByTagName(tagName);         var tagAll = [];        for (var i = 0; i < tag.length; i ) {          for (var j = 0, n = tag[i].className.split(' '); j < n.length; j ) {            if (n[j] == className) {              tagAll.push(tag[i]);              break;            }          }        }        return tagAll;      }    }

效果圖:

以上就是本文的全部內容,希望大家可以喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐安县| 久治县| 锦屏县| 凤翔县| 北宁市| 保定市| 同心县| 陆河县| 林州市| 宜川县| 色达县| 临海市| 天台县| 五河县| 秦皇岛市| 光泽县| 汤原县| 且末县| 凤冈县| 涟源市| 汕尾市| 金坛市| 咸丰县| 乌鲁木齐市| 阿图什市| 江油市| 彝良县| 安阳县| 太白县| 海盐县| 桐柏县| 亚东县| 满洲里市| 始兴县| 长寿区| 苗栗县| 敖汉旗| 忻城县| 榆树市| 襄城县| 乐安县|