帮助中心当前位置:菲娱2国际 > 帮助中心 > >

菲娱国际平台:Javascript实现鼠标右键特色菜单

  

[Javascript,鼠标右键菜单,右键菜单,菜单]Javascript实现鼠标右键特色菜单

  

在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 

(责任编辑:admin)

上一篇:傲翼棋牌游戏迎来“全线飘红”的战绩

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服