遮蔽右鍵,點選滑鼠觸發事件,置頂
阿新 • • 發佈:2019-01-23
<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); });