更改 CSS 我正在监听事件的对象 Javascript

Question

我正在侦听 Javascript 中对象的事件，但我不知道如何更改 CSS。我试图在函数参数中传递对象，但它不起作用。

我的代码：

auxiliar.addEventListener('mouseover',function mouseOver(){
   console.log("debug mouse over");
   //Here I want change the CSS class of auxiliar
});

有什么想法吗？？谢谢你

Answer 1

最简单最快的方法是JQuery:

直接更改CSS：

document.getElementById('YourID').addEventListener("mouseover", function(){
   $(this).css("color", "#f00"); //get the object this function is running on
});

添加一个Class:

document.getElementById('a').addEventListener("mouseover", function(){
   $(this).addClass("NewClass"); //give your object a clsas you can target in CSS
});

当然还有标准的 JavaScript：

var MyObject = document.getElementById('a');
MyObject.addEventListener("mouseover", function(){
   MyObject.className = MyObject.className + " NewClass";
});

但请确保不要无限频繁地添加它。

更改 CSS 我正在监听事件的对象 Javascript

Change CSS of an object that I'm listening to an event Javascript

javascript

css

events

object

mouseover