1. 程式人生 > >遮蔽右鍵,點選滑鼠觸發事件,置頂

遮蔽右鍵,點選滑鼠觸發事件,置頂

<span style="font-family:KaiTi_GB2312;font-size:18px;">// 遮蔽瀏覽器自帶的右鍵
	document.oncontextmenu = function(){
		return false;
	}
	

	// 點選滑鼠鍵
	$(document).mousedown(function(e){
		// 滑鼠鍵 1(左鍵),2滑鼠滾輪,3右鍵
		var key = e.which; 
		// 點選滑鼠右鍵
		if(key == 3){
			var x = e.clientX; // x 橫座標
			var y = e.clientY; // y 縱座標
			// $("#zb").html("x = " + x + "  ,  y = " + y); 顯示座標值

			// 獲取menu的寬度和高度
			var menuHeight = $(".menu").height();
			var menuWidth = $(".menu").width();
			// 獲取瀏覽器的可見高度和寬度
			var clientHeight = getClientHeight();
			var clientWidth = getClientWidth();
			// 判斷
			if(menuHeight + y > clientHeight){
				y = clientHeight - menuHeight - 5;
			}
			if(menuWidth + x > clientWidth){
				x = clientWidth - menuWidth - 5;
			}
			$(".menu").show().css({left:x,top:y});
		}

	});</span>

置頂

<div id="top">
		<span></span>
	</div>
// 滑動滑鼠滾輪
	$(window).scroll(function(){
		// 判斷隱藏顯示
		if($(window).scrollTop() >= 100){
			$("#top").fadeIn(300);//淡入
		} else {
			$("#top").stop(true,true).fadeOut("300");//淡出
		}
	});
	// 點選回到頂部時
	$("#top").click(function(){
		$("html,body").animate({//注意寫法,在jquery中級聯的寫法
			scrollTop:0
		},1000);
	});