js为页面中所有的按钮元素注册鼠标单击事件，但单击不同按钮时，页面更换不同的背景颜色，并将颜色显示在页面中“当前背景为X色”。代码

你可以使用JavaScript来实现这个功能。首先，你需要获取页面上所有的按钮元素，然后为它们都绑定一个点击事件处理函数。在这个函数里，你可以改变页面背景颜色并更新显示的颜色信息。以下是简单的示例代码：

// 获取所有按钮元素
var buttons = document.getElementsByTagName("button");

// 遍历每个按钮
for (let i = 0; i < buttons.length; i++) {
    // 为每个按钮添加点击事件监听
    buttons[i].addEventListener("click", function() {
        // 当按钮被点击时，设置新的背景颜色
        var randomColor = getRandomColor(); // 假设getRandomColor是一个返回随机颜色的方法
        document.body.style.backgroundColor = randomColor;

        // 更新显示的颜色
        var colorDisplay = document.getElementById("color-display");
        colorDisplay.textContent = "当前背景为：" + randomColor;
    });
}

// 示例中的随机颜色生成函数
function getRandomColor() {
    const letters = '0123456789ABCDEF';
    let color = '#';
    for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

在这个例子中，我们假设页面上有一个id为"color-display"的元素用于显示当前颜色。每次点击按钮，都会改变背景颜色并更新该元素的内容。