Javascript - 通过电线在文档上“打印”鼠标

时间:2016-10-14 00:56:48

标签: javascript mouseevent mouselistener

我有鼠标线(x,y)列表 因为用javascript移动鼠标是不可能的,我想在document上打印假鼠标,然后打印我已经拥有的绳索。

有可能吗?怎么样?

1 个答案:

答案 0 :(得分: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';
            }