지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 여러 브라우저와 호환되는 jquery 짧은 마우스 오른쪽 버튼 클릭 메뉴_jquery

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

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

复主代码 代码如下:

$(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();
}
});
}
});

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

打包下载
이전 기사：여러 검색 엔진_javascript 기술과 통합된 JavaScript 페이지 구현 코드 다음 기사：JavaScript 학습 노트(7) 문자열 연결_javascript 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
jQuery 파일 가져오기
에서 1970-01-01 08:00:00
0
0
0
jquery 노트는 어디서 다운로드할 수 있나요?
에서 1970-01-01 08:00:00
0
0
0
javascript - 이제 webstorm에서 jquery 플러그인을 찾을 수 없습니까?
에서 1970-01-01 08:00:00
0
0
0
jQuery 참조 오류
에서 1970-01-01 08:00:00
0
0
0
javascript - 초보자님, 이 DOM 개체에 jquery 메서드를 사용할 수 있는 이유를 알려주세요.
에서 1970-01-01 08:00:00
0
0
0
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿