JavaScript 마우스 이벤트, 마우스 오른쪽 버튼을 클릭하고 DIV의 간단한 인스턴스를 팝업하십시오.
document.oncontextMenu = function () {return false}; // 오른쪽 마우스 버튼 메뉴를 금지하여 var res = document.getElementById ( 'box')를 표시합니다. // div document.body.onmouseup = function (e) {// 본문을 클릭하여 이벤트를 클릭하여 이벤트를 트리거하여 (e.button === 2) {// if button = 1 (왼쪽 마우스 버튼), 버튼 = 2 (오른쪽 마우스 버튼), button = 0 (중간 마우스 버튼) console.log (e); // 전달 된 매개 변수 console.log (e.offsety) 인쇄; // y 축 코디네이션 console.log (e.offsetx) 인쇄; // 마우스의 x 축 좌표를 인쇄합니다. res.style.top = E.Offsety+'px'; // 마우스 res.style.left = e.offsetx+'px'를 클릭 할 때 div의 y 축을 배치합니다. // 마우스 res.style.display = 'block'을 클릭 할 때 div의 x 축을 배치합니다. // div box 표시} else {res.style.display = 'none'; // 그렇지 않으면 DIV 상자가 표시되지 않습니다}}위의 JavaScript 마우스 이벤트, 마우스 마우스 오른쪽 버튼을 클릭하고 팝업 DIV의 간단한 예는 내가 공유하는 모든 콘텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.