Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.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
Javascript EventListener无法工作_Javascript_Addeventlistener - Fatal编程技术网

Javascript EventListener无法工作

Javascript EventListener无法工作,javascript,addeventlistener,Javascript,Addeventlistener,我需要帮助 .试试看{ 填充:3em; 背景:#B51C35; 文本对齐:居中;} .试试看{ 显示:内联块; 填充:0.5em; 字号:2em; 字号:900; 颜色:#FFFCED; 文字装饰:无; 边框:5px实心#FFFCED;} 控制台中的事件已工作,但删除属性不工作我只是需要建议,或者如果你能告诉我为什么不工作? const NEWSTYLE=document.querySelector(“.movemaus”); addEventListener('mouseleave',func


我需要帮助
.试试看{
填充:3em;
背景:#B51C35;
文本对齐:居中;}
.试试看{
显示:内联块;
填充:0.5em;
字号:2em;
字号:900;
颜色:#FFFCED;
文字装饰:无;
边框:5px实心#FFFCED;}
控制台中的事件已工作,但删除属性不工作
我只是需要建议,或者如果你能告诉我为什么不工作? const NEWSTYLE=document.querySelector(“.movemaus”); addEventListener('mouseleave',function(){NEWSTYLE.removeAttribute(.try”);},false); addEventListener('mouseleave',function(){console.log(“该函数在控制台中工作”);},false);
removeAttribute
删除命名属性。您传递给它的值应该是属性名(如
“class”
),而不是CSS选择器(如
。请尝试

如果要从元素中删除类,则应使用


该事件确实有效,但从元素中删除类的方法不正确。您可以使用
element.classList.remove(className)
来删除类,而不是
removeAttribute

const NEWSTYLE=document.querySelector(“.movemaus”);
NEWSTYLE.addEventListener('mouseleave',function(){
NEWSTYLE.classList.remove(“try”);
},假);
NEWSTYLE.addEventListener('mouseleave',function(){
log(“该函数在控制台中工作”);
},假)
。试试看{
填充:3em;
背景:#B51C35;
文本对齐:居中;
}
.试试看{
显示:内联块;
填充:0.5em;
字号:2em;
字号:900;
颜色:#FFFCED;
文字装饰:无;
边框:5px实心#FFFCED;
}

控制台中的事件已工作,但删除属性不工作
我只是需要建议,或者如果你能告诉我为什么不工作?
。try
是一个css类,而不是属性。您可以使用
removeAttribute
完全删除
class
属性,但不能从值中删除一个类。对于此任务,您可以使用
classList

为什么不合并事件侦听器

document.querySelector(“.movemaus”).addEventListener('mouseleave',e=>{
e、 target.classList.remove(“try”);
log(“该函数在控制台中工作”);
});
。试试看{
填充:3em;
背景:#B51C35;
文本对齐:居中;
}
.试试看{
显示:内联块;
填充:0.5em;
字号:2em;
字号:900;
颜色:#FFFCED;
文字装饰:无;
边框:5px实心#FFFCED;
}

控制台中的事件已工作,但删除属性不工作
我只是需要建议,或者如果你能告诉我为什么不工作?
removeAttribute
按照名称所述,它从元素中删除实际属性。没有名为
的属性。请在任何元素上尝试
。如果你想从一个元素中删除这个类…那么请去做一些研究,看看这是如何正确完成的。Thx用于回放和搜索建议!!嗨,艾斯贝尔,非常感谢你的解释。我现在将尝试使用.toggle:)再次感谢。再一次,我不知道我能把它结合起来,当我再次阅读你的修改时,我理解你的观点。我是JS的初学者,我喜欢编码,但现在我发现它很复杂,但我相信它会来的。我只需要知道根据你在这个网站的经验:我的问题是正常的还是这个网站只是为专业人士?谢谢你抽出时间,祝你度过愉快的一天。穆斯塔法,我不明白你的问题@MustafaAlAwadmy post或我的问题对事件不起作用,普通问题或本网站对命题编码者的作用大于对初学者的作用。对初学者和专业人士也是如此。但是说实话,你不应该用评论来询问这样的事情。用于此类问题。您好Nisarg,非常感谢您的大力支持和快速回复。我是JavaScript的初学者,我尽量不理解它,以避免其他开发人员的复制粘贴。再次感谢,祝你有一个美好的一天。穆斯塔法德·昆汀,非常感谢精彩的解释。祝你今天愉快。穆斯塔法
NEWSTYLE.classList.remove("try");