마우스 클릭으로 좌표를 제공하지 못했습니다.

click 이벤트에서 마우스 좌표를 검색하여 표시하려고합니다. 현재 작동하지 않습니다. 마우스 클릭으로 좌표를 제공하지 못했습니다.

이

내 스크립트입니다

<!doctype html> 
<html lang="en"> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
</head> 
<body> 
    <script> 
    $(document).ready(
     $("#image").on({ 
     click: function (e) { 
      x=e.pageX; 
      alert(x); 
     } 
     }) 
    ) 
    </script> 
    <img src="back.jpg" id="image" height="100px" width="100px" /> 
</body> 
</html>

출처

2016-10-01 Daññ

작품을 작업하는 동안. 뭔가 다른 곳에서 잘못되어 있습니다. https://jsfiddle.net/3m7urj5p/ –

먼저 주제를 변경하십시오! –

@ synthet1c - 사실이 아닙니다. 어느쪽으로 든 할 수 있습니다. 제안 사항을 사용하면 한 번에 하나의 처리기를 추가 할 수 있으며 다른 방법을 사용하면 단일 호출에서 여러 개의 처리기를 추가 할 수 있습니다 (핸들러 당 1 개의 등록 정보). 여기를 참조하십시오 : https://jsfiddle.net/3m7urj5p/1/ – enhzflep

이 시도 .. 편집

$(document).ready(function(){ 
 
    $("#image").click(function (e){ 
 
     x=e.pageX; 
 
     alert(x); 
 
    }); 
 
});

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script> 
 
</head> 
 
<body> 
 
\t <img src="http://ultraimg.com/images/2016/07/29/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg" id="image" height="100px" width="100px" /> 
 
</body> 
 
</html>

출처

2016-10-01 09:35:12

OP에서 공유하는 코드는 정상적으로 작동합니다. 그렇다면 대답해야하는 이유는 무엇입니까? – Rayon

@Rayon 질문은 ans로 편집되었습니다. 그때 나는이 질문에 답했다. 그것은 달랐다. 나중에 ques가 편집되었습니다. –

http://stackoverflow.com/posts/39805009/revisions – Rayon

속기 기능의 나를 위해 작동하지 않습니다

지역에 대한 영업 이익은 기능 블록은 완벽하게 작동하지만 jsFiddle 두 기능을 만드는 동안 나를 위해 잘 jsFiddle Here

$(document).ready(function(){ 
    $("#image").click(function(e){ 
     x=e.pageX; 
     alert(x); 
    }); 
});

출처

2016-10-01 09:35:35

OP에서 공유하는 코드는 정상적으로 작동합니다. 그렇다면 왜 대답해야합니까? – Rayon

사실, 그 코드는 나를 위해 일하지 않았다 .. 그래서 나는 내 것을 구현했습니다 ... !!! 마이너스 투표 btw 주셔서 감사합니다. –

작동하지 않는 것은 무엇입니까? 내가 질문 아래의 의견에 바이올린을 공유했습니다 ... 체크 아웃 ... – Rayon

<!DOCTYPE html> 
<html> 
<body> 


<p><strong>Tip:</strong> Try to click different places on image</p> 
<img src="http://i164.photobucket.com/albums/u8/hemi1hemi/COLOR/COL9-6.jpg" width="100" height="100" onclick="showCoords(event)"/> 
<p id="demo"></p> 

<script> 
function showCoords(event) { 
var x = event.clientX; 
var y = event.clientY; 
var coords = "X coords: " + x + ", Y coords: " + y; 
document.getElementById("demo").innerHTML = coords; 
} 
</script>     
    </body> 
     </html>

출처

2016-10-01 09:44:15

마우스 클릭으로 좌표를 제공하지 못했습니다.

답변

관련 문제