javascript - カウントダウンタイマー-選択したテキストは時間の変更時に選択解除されます

Question

私はこれを多くのJavaScriptカウントダウンタイマーでいくつかのブラウザーで観察し、画面の背後で何が起こっているのか常に疑問に思っていました。

タイマーテキストを選択します。

また、時間の変更時に選択が解除されます。

ただし、ダブルクリックしてタイマーテキストを選択し、

魔法！時間の変更時に選択が解除されることはありません。

それで、本当に何が起こっているのですか？

Answer 1

selectをドラッグすると、テキストノードが選択され、定期的に置き換えられます。ダブルクリックすると、おそらくコンテナ要素が選択されます。それはどこにも行かないので、あなたの選択は持続します。

Answer 2

最初のケースでは、変更されるテキストノードを選択しています。2番目のケースでは、変更されていない包含要素を選択しています。たとえば、0：12の場合、時刻が更新されると、0：12は0:11になる可能性があります。したがって、そのテキストを選択した場合、選択したものは失われます。ただし、選択した場合は、スパンと言うように変更されていないため、まだそこにあり、選択したままにすることができます。