Javascript 可点击元素上的Css（*[onclick]：悬停）

我想在可点击元素（javascript函数onclick）悬停时使用它来设置其样式。 到目前为止，我有：

*[onclick]:hover{
    background-color: red ;
    color: blue;
}

如您所见，它适用于我的大多数元素：

document.getElementById（'C'）.onclick=function（）{alert（'I也可单击！'）}

div{
背景颜色：绿色；
利润：2倍
}
*[onclick]：悬停{
背景色：红色；
颜色：蓝色；
}

点击我！A.
点击我！B
不要点击我：（Z）
点击我
单击我！D

当然。只需删除CSS中的

[onclick]

document.getElementById（'C'）.onclick=function（）{alert（'I也可单击！'）}

div{
背景颜色：绿色；
利润：2倍
}
*：悬停{
背景色：红色；
颜色：蓝色；
}

点击我！A
点击我
不要点击我：（Z）
点击我
单击我！D

您可以在CSS中使用.class

document.getElementById（'C'）.onclick=function（）{alert（'I也可单击！'）}

div{
背景颜色：绿色；
利润：2倍
}
*[onclick]：悬停{
背景色：红色；
颜色：蓝色；
}
.点击{
背景颜色：绿色；
}
。单击：悬停{
背景色：红色；
}

点击我！A
点击我
不要点击我：（Z）
点击我
单击我！D

浏览器知道一些默认情况下可以单击的元素，如

和

元素。如果您希望用户单击这些元素，通常使用这些元素是一种很好的做法，因为它们只需要很少的修改工作

除此之外，您只需将一个类添加到以其为目标的元素中，因为没有可单击的元素选择器

但是，在可以单击的元素中添加一个

tabindex

属性是一个很好的做法，因为它可以使这些元素成为焦点。没有鼠标的用户（他们存在）可以使用Tab键在可单击的元素之间循环，并使用Enter或空格键单击它们。第一段中提到的元素已经以本机方式包含了这些元素。对于

元素，您必须手动添加此行为

下面的示例针对具有类的所有可单击元素，并为聚焦样式添加

：focus

选择器

document.getElementById（'C'）。onclick=function（）{
警报（“我也可以点击！”）
}

div{
背景颜色：绿色；
利润：2倍
}
.可点击：悬停{
背景色：红色；
颜色：蓝色；
}
.可点击：焦点{
背景颜色：蓝色；
颜色：红色；
}

点击我！A
点击我
不要点击我：（Z）
点击我
单击我！D

我希望我能有所帮助

var x=document.querySelectorAll（“div”）；
for（设i=0；i

div{
背景颜色：绿色；
利润：2倍
}
.clickclass:悬停{
背景色：红色；
颜色：蓝色；
}

点击我！A
点击我
不要点击我：（Z）
点击我
单击我！D

使元素成为可单击元素的标准是什么？您应该根据该标准在元素上添加一个类，然后在css文件中声明该类的样式。这很酷，但它们仅对打开新页面有用。但是如果大多数情况下使用onclick触发javascript功能。而

主要是对于导航，

不是。它只有表单中的默认行为，但也可以用一行JS禁用。使用上面提到的元素并用JavaScript将自己的行为绑定到它们是一种非常常见的做法。这是一种语义，使文档更有意义。否则，每个元素都可能只是一个

或a

。好的，您的编辑可以，但它会影响所有div。我正在寻找一种只选择可单击元素的方法。Alos，您为什么更改Javascript代码？我编辑了代码。请再试一次。我希望它现在对您有效