当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 简短右键菜单 多浏览器兼容

Javascript
js类后台管理菜单类-MenuSwitch
符合标准的js表单提交的代码
js实现的层变换效果
一个js随机颜色脚本(用于标签页面,也可用于任何页面)
轻松实现HTML和JS之间的转化的代码
完整显示当前日期和时间的JS代码
写了个XML+Tree无穷树js版
指定js可访问其它域名的cookie的方法
惰性函数定义模式 使用方法
从阿里妈妈发现的几个不错的表单验证函数
js定义对象简单学习例子
js的with语句使用方法
js有效数字 显示指定位数
js 生成密匙流 脚本代码
js使用对象直接量创建对象的代码
百度前台js笔试题与答案
用JS输入email的代码,以防垃圾邮件
一种让页面完全把过来显示的脚本代码
让getElementsByName适应IE和firefox的方法
奇妙的js

Javascript 中的 jquery 简短右键菜单 多浏览器兼容


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 438 ::
收藏到网摘: n/a

jquery 简短 右键菜单 兼容ie6 ie7 ie8 firefox chrome

复制代码 代码如下:

$(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="<div id=\""+id+"\" class=\"div_RightMenu\"><div><ul class='ico'>";
for(var i=0;i<menuCount;i++){
divMenuList+="<li class=\"RMli_"+options.menuList[i].menuclass+"\" onclick=\""+options.menuList[i].clickEvent+"\">"+options.menuList[i].menuName+"</li>";
}
divMenuList += "</ul></div><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=$('body').width(),mhh=$('html').height(),mbh=$('body').height(),
w=$('#'+id).width(),h=$('#'+id).height(),
mh=(mhh>mbh)?mhh:mbh;//最大高度 比较html与body的高度
if(mh<h+my){my=mh-h;}//超 高
if(mw<w+mx){mx=mw-w;}//超 宽
      /*} 当然也可以直接跳过*/
$("#"+id).hide().css({top:my,left:mx}).show();
}
});
}
});

在线演示 右键点击测试效果
打包下载