ПредишенСледващото

Как да контролирате курсора с помощта на JS

Кратко въведение. Ние не можем да се намеси на курсора с помощта на JS - това е на изискванията за безопасност, но можем да го скрие и симулира движение чрез картините - но за обикновения потребител няма да има разлика.

Според спецификацията на CSS, курсорът може да се настрои на висота:

Сега на страницата, на която е написано правилото, курсорът ще изчезне. Напускане:

Ето курсора изчезва

Въпреки това, ние все пак ще трябва да го преместите. Чрез контрол на курсора не сме в състояние да (това е изискване за сигурност), но това, което ни пречи да се направи снимка и да я премести, както искате? Няма нищо.

Натиснете върху изображението му определя уникален идентификационен номер:

Но на снимката имаме, е неподвижен, е необходимо, за да я ход. Напиши проста функция в JS:

X, Y - координатите на нашата "заместител" на курсора. В тази функция, курсорът се движи наляво и надясно, нагоре и надолу, на случаен принцип за максимално разстояние от 10 пиксела на всеки шест секунди:
начало

Но ние искаме той да бъде преместен в правилната посока? И да направите това:

Програми по поръчка

Но курсора достигна връзките и какво? Точно така, това е необходимо, че той кликне върху линка. Добавянето на:

Е, финал: преди да отидете на връзката добави промяната в КРБ на изображението:

В резултат на това, ние получаваме следната картина:

Програми по поръчка

Ако създадете разширение за браузъра. той може да бъде принуден да направи това скрипт, за да симулира курсора на всеки сайт. Или пък можете да използвате Tampermonkey. Ако нещо не е ясно - пишат. Аз ще направя всеки каприз за вашия скрипт, а не само сайт.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!