jquery简短右键菜单多浏览器兼容_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery简短右键菜单多浏览器兼容_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1386字,纯文字阅读大概需要2分钟。
内容图文
![jquery简短右键菜单多浏览器兼容_jquery](/upload/InfoBanner/zyjiaocheng/310/dd946ace6c5046828e9f55e68e25b585.jpg)
$(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="
- ";
for(var i=0;i<menuCount;i++){
divMenuList+=" ";
}
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(mh<h+my){my=mh-h;}//超 高
if(mw<w+mx){mx=mw-w;}//超 宽
/*} 当然也可以直接跳过*/
$("#"+id).hide().css({top:my,left:mx}).show();
}
});
}
});
在线演示 右键点击测试效果
打包下载
内容总结
以上是互联网集市为您收集整理的jquery简短右键菜单多浏览器兼容_jquery全部内容,希望文章能够帮你解决jquery简短右键菜单多浏览器兼容_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。