Tôi có một thẻ div nhỏ khi tôi nhấp vào nó (onClick
sự kiện), nó sẽ chạy hàm printMousePos()
. Đây là HTML
tags:javascript nhận tọa độ x và y khi nhấp chuột
<html>
<header>
<!-- By the way, this is not the actual html file, just a generic example. -->
<script src='game.js'></script>
</header>
<body>
<div id="example">
<p id="test">x: , y:</p>
</div>
</body>
</html>
Đây là printMousePos chức năng trong một tập tin riêng biệt .js:
function printMousePos() {
var cursorX;
var cursorY;
document.onmousemove = function(e){
cursorX = e.pageX;
cursorY = e.pageY;
}
document.getElementById('test').innerHTML = "x: " + cursorX + ", y: " + cursorY;
}
Vâng, chức năng thực sự hoạt động (nó biết khi bạn nhấp vào nó và tất cả), nhưng nó trả về không xác định cho cả x và y, vì vậy tôi giả định rằng mã nhận được x và y trong hàm không chính xác. Bất kỳ ý tưởng? Tôi cũng biết không có bất kỳ được xây dựng trong các chức năng trong javascript chính nó để trở về x và y như trong java, cũ .. sẽ có một cách để làm điều đó với nói JQuery hay php? (tránh những người nếu có thể mặc dù, javascript sẽ là tốt nhất). Cảm ơn!
'event.clientX' và' event.clientY' – Jonathan
@ Jonathan tôi cố gắng đó, stil l trở lại undefined mặc dù. –
CursorX và cursorY không xác định trước khi sự kiện di chuyển chuột được kích hoạt. Nếu bạn muốn vị trí từ sự kiện chuyển sự kiện nhấp chuột tới hàm printMousePos – Mathias