여러 브라우저와 호환되는 jquery 짧은 마우스 오른쪽 버튼 클릭 메뉴_jquery
- WBOY원래의
- 2016-05-16 18:37:28850검색
复主代码 代码如下:
$(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="
- ";
- " options.menuList[i].menuName " ";
for(var i=0;i
}
divMenuList = "
";
$("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();
}
});
}
});
$("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(mh
$("#" id). hide().css({top:my,left:mx}).show();
}
});
}
});
지금 线演示 右键点击测试效果
打包下载
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.