div를 표시하고 클릭시 마우스 위치로 이동하는 방법

-1

div를 열고 잘 동작하는 링크가 하나 있지만 마우스 클릭 위치로 이동할 수 없습니다.div를 표시하고 클릭시 마우스 위치로 이동하는 방법

링크 :

<a href="#" onclick="show_popup('my_popup')" id="napFilt">Filter</a>

기능 : JS를 사용

function show_popup(id) {    
    if (document.getElementById){ 
     obj = document.getElementById(id); 
     if (obj.style.display == "none") { 
      obj.style.display = ""; 
     } 
    } 
}

, 내가 마우스의 위치에 표시 DIV 이동을 할 수있는 방법을 클릭하여 다음과 같이 코드는?

출처

2012-10-05 Ivan Marijanović

비슷한 질문 http://stackoverflow.com/questions/3521248/how-do-position-a-div-next-to-a-mouse-click- using-jquery – AurA

당신은 순수한 자바 스크립트 솔루션이 필요합니까? –

예 순수한 자바 스크립트를 원합니다! 만약에 가능하다면! katspaugh 부트 스트랩을보고 있지만 "바닐라"솔루션을 알고 싶습니다. –

"spawning"div가 body 태그에 있는지 확인하십시오. 그것은 "position : absolute;"를 가질 수 있습니다. CSS 속성으로. 다음과 같이하십시오 : http://jsfiddle.net/GSxNx/5/

나는 여기에 소스 코드를 주석 처리 했으므로 여기서 주석 처리를하지 않습니다. ;) 단 한가지 : 이것은 아닙니다! 크로스 브라우저가 테스트되었습니다. FF 16.0에서 꽤 잘 돌아 간다.)

출처

2012-10-05 12:02:22 func0der

고맙습니다. 이것은 아주 잘 작동합니다. 나는 크롬과 IE 9에서 그것을 시도하고 아주 잘 작동합니다. Ivan –

나는 그것을 듣게되어 기쁩니다;) – func0der

div를 표시하고 클릭시 마우스 위치로 이동하는 방법

답변

관련 문제