draggableを元の位置に戻すことを止める方法

Question

私は自分のカスタムマテリアルデザインスライダーを角度4で作成しています。スライダーの親指をドラッグすると移動しますが、マウスアップすると元の位置に戻ります。

私はdragEventsを読みましたが、ドラッグ可能な領域はドラッグするオブジェクトと同じなので、元の位置に戻すことを止めるための解決策が見つからないようです。

this.slider.addEventListener('dragend', this.onDrag.bind(this), false); 

：それはそれを修正しますdragendイベントハンドラを追加する長いページ

https://stackblitz.com/edit/angular-1ndu2t

Answer 1

を行うのに十分なコードがあるとして

あなたは、この動作を再現するために、このURLを使用することができますイベントリスナーにログを追加すると、マウスを離したときにx（とy）が負であることがわかりますが、dragendは問題を解決する最後の値として正しい値を与えるため、

onDrag(event: DragEvent) { 
    console.log(event.x); 
    this.updateValueFromPosition({ x: event.x, y: event.y }); 
}