jquery 简短右键菜单多浏览器兼容_jquery-js教程-PHP中文网

jquery 简短右键菜单多浏览器兼容_jquery

php中文网

发布： 2016-05-16 18:37:28

原创

1030人浏览过

网群企业网站管理系统2.1

整站DIV+CSS布局，支持全部浏览器，加载访问速度更快，兼容性更强。导航管理：不限制个数，支持排序和外联。幻灯管理：支持文字、链接、不限制个数可以排序。产品频道：支持独立关键字、关键描述，支持排序。文章频道：支持独立关键字、关键描述，支持排序。单页管理：不限制个数，支持简短和详细内容，支持排序。在线留言：支持回复和审核功能。友情链接：支持文字和logo链接两种更新记录： 2013

查看详情

复制代码代码如下:

$(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+$(document).scrollTop()};
}

$.fn.extend({RightMenu: function(id,options){options = $.extend({menuList:[]},options);var menuCount=options.menuList.length;
if (!$("#"+id)[0]){
var divMenuList="

divMenuList+="

"+options.menuList[i].menuName+"

";
}
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=$('body').width(),mhh=$('html').height(),mbh=$('body').height(),
w=$('#'+id).width(),h=$('#'+id).height(),
mh=(mhh>mbh)?mhh:mbh;//最大高度比较html与body的高度
if(mhif(mw　　　　　　/*｝当然也可以直接跳过*/
$("#"+id).hide().css({top:my,left:mx}).show();
}
});
}
});

在线演示右键点击测试效果

打包下载