javascript - 从CSS调用JavaScript函数

我想知道它是否可能以任何方式:

.button{
width: somePX;
height: somePX;
}

.button:hover
 {
  onmouseup = "func(".button")";
 }

或类似的东西。我认为这会很酷吗？
而不是为每个按钮编写onmouseup = onmouseup = onmouseup = onmouseup = onmouseup = ..

最佳答案

使用jQuery，您可以执行以下操作:
$('.button').on('mouseup', function(){...});
CSS是一种样式语言，因此您不能使用它来修改HTML元素的行为，只能修改它们的样式。如果您希望修改行为，则可以使用JavaScript。

您还可以使用Angular.js类指令来更改.button类的所有元素的行为。但是，这又是一个JS库，而不是CSS。