0

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

我的页面有：

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

然后在主要内容的 mousemove 上更新这些变量。我知道这行得通，但我想多看一点。现在，在我的 Firebug 控制台中，我可以向 mouse_position.x 添加一个手表，当我添加它时，它会获取当前位置。这一切都很好。

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

4

2 回答 2

0

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<8

于 2012-08-28T17:27:43.000 回答
0

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

于 2012-08-28T16:54:31.777 回答