从CSS调用javascript函数

Call a javascript function from CSS

本文关键字:函数 javascript 调用 CSS      更新时间:2023-09-26

我想知道是否有可能:

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

之类的。我觉得会很酷吧?而不是为每个按钮写onmouseup = onmouseup = onmouseup = onmouseup = onmouseup = onmouseup =.....

你不能使用CSS,但是你可以使用像jquery这样的东西来使用选择器将函数附加到元素上。

使用jQuery,您可以这样做:

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

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

你也可以使用Angular.js的Class指令来用.button类改变所有元素的行为。但是,这是一个JS库,而不是CSS。

嘿,老兄,CSS没有这样的功能。但是你可以在jQuery中使用CSS选择器。