在Firebug控制台中监视javascript命名空间变量

Watching a javascript namespace variable in the Firebug console

本文关键字：javascript 命名空间 变量 监视 Firebug 控制台      更新时间：2023-09-26

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

我的页面有：

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

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

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

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

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

相关文章：