从 CSS 调用 javascript 函数答案

【问题标题】：Call a javascript function from CSS从 CSS 调用 javascript 函数
【发布时间】：2014-08-05 17:06:26
【问题描述】：

我想知道是否有可能：

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

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

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

【问题讨论】：

【解决方案1】：

你不能使用 CSS 来做到这一点，但你可以使用 jquery 之类的东西来使用选择器将函数附加到元素。

【讨论】：

【解决方案2】：

使用 jQuery，您可以执行以下操作：

$('.button').on('mouseup', function(){...});

CSS 是一种样式语言，因此您不能用它来修改 HTML 元素的行为，只能修改它们的样式。如果您想修改行为，可以使用 JavaScript。

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

【讨论】：

【解决方案3】：

嘿，兄弟，CSS 没有这样的功能。但是，您可以将 CSS 选择器与 jQuery 一起使用。

【讨论】：