1. 程式人生 > >JQ實現右鍵點選彈出選單

JQ實現右鍵點選彈出選單

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">

//遮蔽瀏覽器右鍵選單
document.oncontextmenu = function().{
	
	return false;

}

//按下滑鼠
$(document).mousedown(function(e){
	
	var key = e.which; //獲取滑鼠鍵位
	if(key == 3)  //(1:代表左鍵; 2:代表中鍵; 3:代表右鍵)
	{
		//獲取右鍵點選座標
		var x = e.clientX;
		var y = e.clientY;
		
		$(".qq").show().css({left:x,top:y});
	}
});

//點選任意部位隱藏
$(document).click(function(){
	$(".qq").hide();
})