Javascript — «печать» мыши на документе с помощью шнуров

#javascript #mouseevent #mouselistener

#javascript #mouseevent #mouselistener

Вопрос:

У меня есть список шнуров мыши (x,y) , поскольку невозможно перемещать мышь с помощью javascript, я хотел бы напечатать поддельную мышь, за document которой следуют шнуры, которые у меня уже есть.

Возможно ли это? Как?

Ответ №1:

Мое решение состояло в том, чтобы распечатать PNG, который показывает мышь, и скрыть оригинал с помощью css:

  createCursor: function() {
                var cursor = document.createElement("img");
                cursor.src = chrome.extension.getURL('pics/cursor.png');
                cursor.style.zIndex = "9999";
                cursor.setAttribute("id", "recordMeCursor");
                var body = document.getElementsByTagName("BODY")[0];
                body.style.cursor = 'none';
                body.appendChild(cursor);
            },
 moveCursor: function(cords, i, callback) {
                var cursor = document.getElementById("recordMeCursor");
                setTimeout(function() {
                    cursor.style.position = "absolute";
                    cursor.style.left = cords.x 'px';
                    cursor.style.top =cords.y 'px';
                    return callback('OK');
                }, i * 50);

            },
 destroyMouse: function() {
                var cursor = document.getElementById("recordMeCursor");
                cursor.parentNode.removeChild(cursor);
                var body = document.getElementsByTagName("BODY")[0];
                body.style.cursor = 'default';
            }