JavaScriptを使ってH 5に右クリックイベントを追加します.

多くは話しません.直接コードをかけます.その中で注意すべき点はmenuにpositionを追加することです.absolute.属性、この属性はメニューが絶対位置をとるという意味です.右クリックしてメニューが自分のほしい位置に現れることを保証します.他の要素の影響を受けません.

	
		
		
		
	

	
		

			
  1
			
  2
			
  3
			
  4
			
  5
		
		

		
		
		
		

			メニュー

			メニュー2

			メニュー3
		
		
		
			var menu = document.getElementById("menu");
			var list = document.getElementById("list");
			var message = document.getElementById("message");
			
			// list      
			list.oncontextmenu = function(e){
				var e = e || window.event;
				var x = e.clientX;
				var y = e.clientY;
				message.innerHTML = "x="+x+",y="+y;
				menu.style.display = "block";
        		menu.style.left = x + "px";
        		menu.style.top = y + "px"
				return false;
			}
			
			//         ，   list     ，    
			document.onclick = function(e){
				var e = e || window.event;
				menu.style.display = "none";
			}
			
			//           
			menu.onclick = function(e){
				var e = e || window.event;
				//IE       
				//e.cancelBubble = true;
				//           
				e.stopPropagation();
			}