仅在鼠标释放时从输入范围滑块获取值

Question

我正在开展一个有角度的4项目。当用户在0和1之间滑动时，下面的代码帮助我从滑块获取实时值。每次用户滑动时，由于ngModelChange， applycontrol 函数触发。

<input [(ngModel)]="Brightness" type="range" 
(ngModelChange)="applyControl($event)" min="0"
           max="1" [step]="0.01" class="slider">

只有当用户在幻灯片播放后释放鼠标时，我才想在 applycontrol 函数中运行另一个函数。

  applyControl(value) {
     console.log('Brightness:', value);
   }

Answer 1

您可以收听change事件。

<input [(ngModel)]="Brightness" type="range" 
(change)="applyControl($event)" min="0"
           max="1" [step]="0.01" class="slider">

Answer 2

更改此功能：

applyControl(value) {
     console.log('Brightness:', value);
   }

到

 applyControl(event:any) {
         console.log('Brightness:', event.target.value);
       }