Heim > Web-Frontend > js-Tutorial > js erhält die Ideen zur Umsetzung der Mausklickposition und Code_Javascript-Kenntnisse

js erhält die Ideen zur Umsetzung der Mausklickposition und Code_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:49:08
Original
1559 Leute haben es durchsucht

Kopiert, aber der Code der Originalseite muss noch geändert werden. Die folgenden Modifikationen sind verfügbar:

Üblicherweise werden event.clientX und event.clientY verwendet, um die horizontale bzw. vertikale Position zu erhalten, aber nur diese Methode ist es nicht genug Ja, da die von event.clientX und event.clientY erhaltene Mausposition relativ zum aktuellen Bildschirm ist, unabhängig von der Entfernung, die mit der Bildlaufleiste der Seite gescrollt wird.

Code kopieren Der Code lautet wie folgt:

FunktionszeigerX(Ereignis)
{
return event.pageX ||. (event.clientX (document.documentElement.scrollLeft || document.body.scrollLeft));

function pointerY(event)
{
return event .pageY ||. (event.clientY (document.documentElement.scrollTop || document.body.scrollTop));


Die beiden Methoden erhalten jeweils die relative gesamte Seite ( anstelle des Bildschirms) Die Mausposition

event.pageX wird in FF unterstützt, wodurch ein browserübergreifender Betrieb realisiert wird

Rufen Sie diese beiden Funktionen einfach in anderen Methoden auf


function getPointPosition(event)
{
var x_px_scr = event. clientX;
var y_px_scr = event.clientY;
alert("X-Achsen-Versatz relativ zum aktuellen Bildschirm" x_px_scr); //relativ zum Gerät (PC oder mobiles Gerät)
alert("Y-Achsen-Offset relativ zum aktuellen Bildschirm" y_px_scr);//relativ zum Gerät (PC oder mobiles Gerät)
var x_Px_page = pointerX(event);
var y_Px_page = pointerY(event);
alert("X-Achsen-Offset relativ zur gesamten Seite" x_Px_page); //relativ zum Browser
alert( „Y-Achsen-Versatz relativ zur gesamten Seite“ y_Px_page); //Relativ zum Browser
}

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage