Artikel ini menjelaskan metode mendapatkan koordinat mouse saat ini dengan JavaScript. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Agar JavaScript mendapatkan koordinat mouse saat ini, Anda harus memiliki beberapa pemahaman tentang posisi koordinat dari berbagai browser. Kode spesifiknya adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<iteme> JavaScript mendapatkan koordinat mouse saat ini </iteme>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<type skrip = "Teks/JavaScript">
fungsi mouseposition (ev) {
if (ev.pagex || ev.pagey) {// firefox, chrome dan browser lainnya
return {x: ev.pagex, y: ev.pagey};
}
mengembalikan {// IE browser
x: ev.clientx + document.body.scrollleft - document.body.clientleft,
y: ev.clienty + document.body.scrolltop - document.body.clienttop
};
}
function mousemove (ev) {
EV = EV || window.event;
var mousepos = mouseposition (EV);
document.geteLementById ('x'). innerHtml = mousepos.x;
document.geteLementById ('y'). innerHtml = mousepos.y;
}
document.onmouseMove = mousemove;
</script>
<type style = "text/css">
h3 {color: blue;}
p {line-height: 30px; tinggi: 30px; font-size: 14px; lebar: 500px;}
span {color: oranye; font-weight: bold;}
</tyle>
</head>
<body>
<h3> mouse Anda telah dilacak </h3>
<p> Koordinat sumbu x: <span id = "x"> </span> </p>
<p> Koordinat sumbu y: <span id = "y"> </span> </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.