angular4 鼠标经过离开的方法事件

最新推荐文章于 2024-01-06 22:56:52 发布

慢慢非

最新推荐文章于 2024-01-06 22:56:52 发布

阅读量961

点赞数

分类专栏： angular4 HTML

本文链接：https://blog.csdn.net/baidu_29385797/article/details/116131207

版权

HTML 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

angular4

5 篇文章 0 订阅

订阅专栏

以图片为例，其他同理

前端代码：

 <img class="tj_LJ{{i}}"  (mouseover)="over3(i)" (mouseout)="out3(i)" (click)="okJian(i)" src="assets/questiondesign/77.png"/>

ts 代码：

import { Component, OnInit, ElementRef, Input } from '@angular/core';

constructor( private el: ElementRef) {
   
  }


//鼠标悬停 逻辑 减号图标 时变换图标颜色
  over3(i) {
    this.el.nativeElement.querySelector('.j_LJ' + i).src = 'assets/questiondesign/44.png';
  }
  //鼠标悬停离开 减号图标 时变换图标颜色
  out3(i) {
    this.el.nativeElement.querySelector('.j_LJ' + i).src = 'assets/questiondesign/77.png';
  }