Question

我看过带有常规链接的示例，其中，每次用户将鼠标悬停在链接文本上时，链接文本的颜色都会更改为随机颜色，但是我可以使用键盘按钮来进行更改吗？我正在尝试为我的子手游戏添加更多功能，并且当用户将鼠标悬停在字母按钮上时，我希望显示随机的颜色。而且，如果有人知道任何解释该问题的良好参考页，那就太好了！

var lat = 35.2286324;
var lng = -80.8427562;

async.parallel([
    function(callback) { mobike(lat, lng, callback); },
    function(callback) { spin(lat, lng, callback); },
],
function(err, results) {
    console.log(results);
});

Answer 1

如果要创建随机颜色，我认为最简单的方法是在0和255（RGB颜色范围）之间生成3个随机数，并将它们用作{{ 1}}。这是如何获取和应用随机RGB颜色的简单示例：

rgb

// Get element
const target = document.getElementById('target');
// Add event listener to catch `mouseover` events
target.addEventListener('mouseover', colorTarget);

function colorTarget() {
  // Apply new random rgb color as background
  target.style.backgroundColor = `rgb(${getRandomRGBNumber()},${getRandomRGBNumber()},${getRandomRGBNumber()})`;
}

function getRandomRGBNumber() {
  // Generate random number between 0 and 255. Pay attention, that we use `256`, not `255`
  return Math.floor(Math.random() * 256);
}

#target {
  width: 100px;
  height: 100px;
  border: 2px black solid;
}

当用户将鼠标悬停在每个“键盘”按钮上时，我可以使用随机颜色吗？

1 个答案: