> 웹 프론트엔드 > JS 튜토리얼 > 여러 브라우저와 호환되는 jquery 짧은 마우스 오른쪽 버튼 클릭 메뉴_jquery

여러 브라우저와 호환되는 jquery 짧은 마우스 오른쪽 버튼 클릭 메뉴_jquery

WBOY
풀어 주다: 2016-05-16 18:37:28
원래의
876명이 탐색했습니다.

复主代码 代码如下:

$(function(){
document.oncontextmenu =function(){return false;}//屏蔽右键
document.onmousemove=mouseMove;//记录鼠标位置
});
var mx=0,my=0;
function mouseMove(ev){Ev=ev||window.event;var mousePos=mouseCoords(Ev);mx=mousePos.x;my=mousePos.y;}
function mouseCoords(ev){
if(ev.pageX||ev.pageY){return{x:ev.pageX,y:ev.pageY};}
return{x:ev.clientX,y:ev.clientY $(문서). 스크롤탑()};
}

$.fn.extend({RightMenu: function(id,options){options = $.extend({menuList:[]},options);var menuCount=options.menuList.length ;
if (!$("#" id)[0]){
var divMenuList="
    ";
    for(var i=0;idivMenuList ="
  • " options.menuList[i].menuName "
  • ";
    }
    divMenuList = "
< /div>
";
$("body").append(divMenuList).find("#" id).hide().find("li")
.bind("mouseover ",function(){$(this).addClass("RM_mouseover");})
.bind("mouseout",function(){$(this).removeClass("RM_mouseover");});
$(document).click(function(){$("#" id).hide();})
}
return this.each(function(){
this.oncontextmenu =function(){
        /*这段 判断鼠标移到页面的最右侧或最下侧 防止出现滚动条 {*/
var mw= $('몸').너비(),mhh =$('html').height(),mbh=$('body').height(),
w=$('#' id).width(),h=$('#' id ).height(),
mh=(mhh>mbh)?mhh:mbh;//最大高島 比较html与몸의 높이
if(mhif(mw      /*} 当然也可以直接跳过*/
$("#" id). hide().css({top:my,left:mx}).show();
}
});
}
});

지금 线演示 右键点击测试效果

打包下载
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿