检查是否在javascript中单击了任何按钮



我在一个rubik的cube html网站工作,我应该提到我是一个初学者。我现在想做的是检查是否有任何一个片段(我用同一个类创建了54个div(被点击,如果是,则更改其颜色(修改div的背景(。我问你有没有什么方法可以让我的任务更容易,或者至少给我一条建议。提前谢谢!

作为一个简单的方法,您可以编写一个函数来接受对div的引用,并在每次单击div时更改其颜色,并在每个div的onClick方法上调用它。

代码:

<html>
<body>
<div id="div1" onClick="changeMyColor(this)">
Here is the div, click on this to change the color
</div>
<script>
function changeMyColor(div) {
div.style.backgroundColor = 'green';
}
</script>
</body>
</html>

编辑

在您的情况下,您可以在jQuery的帮助下执行类似于以下的操作。请注意,这是一个简化的答案,您可以根据具体需要做什么来扩展它。

<html>
<body>
<div class="divs">Click Me [Div 1]</div>
<div class="divs">Click Me [Div 2]</div>
<div class="divs">Click Me [Div 3]</div>
</body>

<script>
$(".divs").click(function() {
$(this).css('background-color', 'green');
});
</script>
</html>

您可以使用一些键盘/鼠标事件。查看它们:https://www.w3schools.com/jsref/event_onkeydown.asp

最新更新