0

スライダーをドラッグして 2 つの値を選択できるスライダーがあります。

ユーザーがドラッグを終了すると関数が呼び出されるように、div に onmouseup イベントを追加しました。

すなわち

    <div id="slider" onmouseup="myFunction()">
         Some code
    </div>

これは、ほとんどの場合にうまく機能します。しかし、ユーザーがドラッグを開始し、終了時にマウスがたまたま div の外にある場合 (かなり一般的)、onmouseup イベントはトリガーされません。

私のニーズに合った別のイベントはありますか？

私は2つのイベントを使用してみました:

    <div id="slider" onmouseup="myFunction()" onmouseout="myFunction()">
         Some code
    </div>

ただし、イベントは一緒に機能しないため、関数によって収集された値は、ユーザーが指定した値とデフォルトの間でちらつきます (異なるタイミングで呼び出されるため)。

クリックが div で開始された場合に onMouseUp が動作するようにしたいのですが、どこでも「アップ」することができます。何か案は？

4

0 に答える 0