Question

这可能很简单，也可能不是。我试图在JavaScript中跟踪鼠标位置，我想使用Firebug观察当前位置。

我的页面有：

var mouse_position = {};
mouse_position.x = 0;
mouse_position.y = 0;

然后在主要内容的mousemove上我更新这些变量。我知道这有效，但我想要多看一点。现在，在我的Firebug控制台中，我可以向mouse_position.x添加一个监视器，当我添加它时，它会获得当前位置。多数民众赞成。

但是，当我移动鼠标时，控制台不会更新。这是一个限制，还是我做错了什么？

Answer 1

您可以使用console.log(mouse_position.x,mouse_position.y)

Answer 2

console.log打印到控制台 - 这与添加评估其内容的手表不同;它只是一个印刷品。

如果你想伪造“监视”，你可以在每次javascript变量改变时更新元素的文本：

http://jsfiddle.net/f8N69/1/

var mouse_position = {
    x: 0,
    y: 0
};

var box = document.getElementById('test');

document.onmousemove = function (e) {
    mouse_position.x = e.pageX;
    mouse_position.y = e.pageY;
    box.textContent = 'X: ' + mouse_position.x + ' Y: ' + mouse_position.y;
};

它不像现场手表那么好，因为你必须触摸代码，但它适用于调试目的。

注意：pageX，pageY和textContent不适用于IE＆lt; 8

在Firebug控制台中查看javascript命名空间变量

2 个答案: