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

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

本文关键字：事件 Javascript 对象 CSS      更新时间：2023-09-26

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

我的代码：

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

知道吗？？谢谢

最简单、最快的方法是 JQuery：

直接更改 CSS：

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

添加类：

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";
});

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

相关文章：