typescript 点击输入框后如何消除鼠标悬停效果

c7rzv4ha 于 2022-12-24 发布在 TypeScript

关注(0)|答案(2)|浏览(122)

我正在与角，我有三个要求，有输入框首先我必须显示一个占位符上的页面加载像'文本1'这将切换鼠标悬停像'文本2和“文本1”，它会改变鼠标焦点像'文本3 '我实现了它的占位符的属性绑定，但问题是焦点悬停效果后仍然打开。
如何消除鼠标点击输入框后的效果。
https://stackblitz.com/edit/angular-ivy-hamsbp?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

typescript

来源：https://stackoverflow.com/questions/74885655/how-to-remove-mouse-over-effect-after-clicking-on-input-box

2条答案

按热度按时间

ct3nt3jp1#

mousein:boolean=false
  focus:boolean=false
  focusText='Text3'
  mouseInText='Text2'
  defaultText = 'Text1';

<input
  type="text"
  [placeholder]="focus?focusText:mousein?mouseInText:defaultText"
  (mouseenter)="mousein=true"
  (mouseleave)="mousein=false"
  (focus)="focus=true"
  (blur)="focus=false"
/>

赞(0）回复(0）举报 2022-12-24

xytpbqjk2#

这里是文本或颜色的更改。
https://stackblitz.com/edit/angular-ivy-hep5pv?file=src%2Fapp%2Fapp.component.css,src%2Fapp%2Fapp.component.html&file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

赞(0）回复(0）举报 2022-12-24