Cum să controlați cursorul folosind JS
O mică introducere. Nu putem intercepta cursorul cu JS - acestea sunt cerințe de securitate, dar îl putem ascunde și putem simula mișcarea cu ajutorul imaginii - iar pentru utilizatorul mediu nu va mai fi nici o diferență.
Conform specificației CSS, cursorul nu poate fi setat pe niciunul dintre ele:
Acum, în pagina în care această regulă este înregistrată, cursorul se va opri afișarea. Check out:
Aici cursorul dispare
Cu toate acestea, trebuie să-l facem să se miște. Nu putem controla cursorul pe cont propriu (aceasta este o cerință de securitate), dar ce ne împiedică să desenăm o imagine și să o mutăm așa cum vrem? Nu face nimic.
Am lipi imaginea și îi atribuim un identificator unic:
Dar imaginea de la noi este imobila, este necesară forțarea acesteia să se miște. Scrieți o funcție simplă pe JS:
x, y sunt coordonatele "substitutului" nostru pentru cursor. În această funcție, cursorul se mișcă din stânga-dreapta, sus-jos haotic la o distanță de maxim 10 pixeli la fiecare jumătate de secundă:
start
Dar vrem ca el să se mute în direcția cea bună pentru noi? De asemenea, facem acest lucru:
Programe personalizate
Dar cursorul a ajuns la legătură și ce? Corect, este necesar să faceți clic pe link. Adăugarea:
Ei bine și ultimul accident vascular cerebral final: înainte de tranziție sub link-ul vom adăuga schimba src la imagine:
În cele din urmă, vom obține o astfel de imagine:
Programe personalizate
Dacă creați o extensie pentru browser. atunci puteți forța acest script să ruleze pe simularea cursorului pe orice site. Alternativ, puteți folosi Tampermonkey. Dacă ceva nu este clar - scrieți. Voi face orice capriciu un script pentru dvs. și nu doar site-ul.
Articole similare
Trimiteți-le prietenilor: