Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从CSS调用javascript函数_Javascript_Html_Css - Fatal编程技术网

从CSS调用javascript函数

从CSS调用javascript函数,javascript,html,css,Javascript,Html,Css,我想知道是否有可能: .button{ width: somePX; height: somePX; } .button:hover { onmouseup = "func(".button")"; } 或者类似的。我觉得会有点酷吧? 您不能使用CSS来编写每个按钮,而是可以使用类似jquery的方法来使用选择器将函数附加到元素。使用jquery,您可以执行以下操作: $('.button')。on('mouseup',function(){…}) CSS是一种样式语言,因此不能用它

我想知道是否有可能:

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

.button:hover
 {
  onmouseup = "func(".button")";
 }
或者类似的。我觉得会有点酷吧?
您不能使用CSS来编写每个按钮,而是可以使用类似jquery的方法来使用选择器将函数附加到元素。

使用jquery,您可以执行以下操作:

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

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


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

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

副本