How to bind mousehover event to select option in angular

Question

I have a list of sound, the requirement is relevant sound should play when the mouse hover on the sound name in the list.

  <select class="cc-select-dropdown form-control" id="defaultMerge"      formControlName="DefaultNotificationAlert">
        <option *ngFor="let option of soundList" (mouseover)='playSound()'   [ngValue]="option">{{option}}</option>

The problem is I couldn't find any event that works with the select options

Tachibana Shin · Accepted Answer · 2023-02-10 10:05:47Z

1

you can't catch events like that in <option> it's up to the browser. if you want you have to write a custom dropdown yourself

answered Feb 10, 2023 at 10:05

Tachibana Shin

4,0561 gold badge11 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zubeyr · Accepted Answer · 2023-05-17 15:19:03Z

0

you can't do it in the <option> of the <select> tag. But you can do it with <mat-select>, just use (mouseover) in <mat-option>.

answered May 17, 2023 at 15:19

Zubeyr

792 silver badges5 bronze badges

Collectives™ on Stack Overflow

How to bind mousehover event to select option in angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related