브 라 우 저 오른쪽 단추 메뉴 를 사용자 정의 하고 오른쪽 단 추 를 누 르 면 표시 합 니 다.

1653 단어 JS
CSS
#menu{
            width: 200px;
            line-height: 30px;
            text-align: center;
            background: #ccc;
            position: absolute;
            left: 0;
            top: 0;
        }

HTML
 

JS

        //      
        document.oncontextmenu=function(event){
            let menu=document.querySelector("#menu");
            //        
            menu.style.display="block";
            //  
            var e=event || window.event;
            //           
            let x=e.clientX;
            let y=e.clientY;
            //console.log(x,y);
            menu.style.left=x+"px";
            menu.style.top=y+"px";
            //      
            e.preventDefault();
        }
        //      
        document.onclick=function(){
            let menu=document.querySelector("#menu");
            menu.style.display="none";
        }
    

좋은 웹페이지 즐겨찾기