@kyanny's blog

流行はつねに前進していく。そして、精神の偽りの自由が絶えずせり上がっていく - ロマン・ロラン

Range.compareBoundaryPoints() を学ぶ

ちょっと作りたいものがあって DOM の Range の使い方を調べていて、 compareBoundaryPoints メソッドの理解に苦しんだので挙動を学習するためにデモを作った。

See the Pen [LIVE DEMO] How Range.compareBoundaryPoints() works by Kensuke Nagae (@kyanny) on CodePen.

f:id:a666666:20200424042129g:plain

だいぶわかったけど、まだ難しくてこんがらがる。二つの範囲の重なり具合の比較のややこしさは日時の範囲の比較をするプログラムを書くときを思い出した。

以下のサイトに助けられた。