Javascript 如何删除div的悬停状态？

我正在尝试在我的产品列表中进行缩放悬停。如果我对一个产品进行长时间的按压，它是有效的，但只是第一次。第二次长按时，它不起作用，因为我想

div

处于悬停状态

我希望它能在手机上运行，该应用程序基于Cordova和Angular

我如何解决这个问题

这是我的密码

{{product.title.toLowerCase（）.charAt（0.toUpperCase（）+product.title.toLowerCase（）.slice（1）}
{{getInteger（product.price）}}{{getDecimal（product.price）}}

opencard（产品）{
console.log（'entra'）；
this.click=false；
this.cardToShow=产品；
设置超时（（）=>{
如果（this.click==false）{
this._renderer.setStyle（this.card.nativeElement，'display'，'block'）；
设置超时（（）=>{
这个.u renderer.setStyle（这个.productcard.nativeElement，'transform'，'translate（0%，60%）scale（1.5）'；
}, 100);
document.body.appendChild（this.card.nativeElement）；
}否则{
此.u router.navigate（['/compar producto/'+product.title.trim（）.split（''）.join（'-'）+'/'+product.id]）；
}
}, 400);
}
closecard（）{
this.u renderer.setStyle（this.productcard.nativeElement，'transform'，'translate（0%，60%））；
设置超时（（）=>{
this._renderer.setStyle（this.card.nativeElement，'display'，'none'）；
this.cardToShow={
价格：空，
smallImage:null，
标题：“，
};
}, 250);
}
onload（）{
var元素=document.getElementById（'endtouch'）；
元素.addEventListener（'touchend'，this.process_touchend，false）；
}
私有进程\u touchend=（ev）=>{
设置超时（（）=>{
this.click=true；
这个.closecard（）；
}, 100);
}

尝试以下操作：不要设置样式，而是尝试将“触摸”样式放入类中，并检测用户何时停止单击，或者何时需要更改状态并使用ngClass删除类（请参阅文档：）

这里还有另一种检测点击和长按的方法：

---

我觉得奇怪的是，你在同时使用Angular的同时使用addEventListener。

但是每次我在不同的div中鼠标悬停时，这都会起作用，如果我连续两次在同一个div中鼠标悬停，它就不起作用了，因为第二次div已经悬停了（我想），很抱歉，我只是在移动行为中思考。在这种情况下，您还需要使用

（mouseleave）=“closecard（product）”

在鼠标不再停留时将卡恢复到原始状态。您可以在此处查看更多信息：