単語選択はダブルクリックではなくダブルマウスダウン
テキストエディタの単語選択ってダブルクリックだと思っていたんだけど、実はダブルマウスダウンだったshokai.icon
2023年9月ごろに教えてもらった
macのTextEdit.appの挙動
https://gyazo.com/a1eb44be3a8373c6bd5230834978c1ab
2回目のmousedownの時点で単語選択状態になっている
mouseupやclickを待たない
そのままドラッグすると、テキスト範囲選択を拡大できる
選択範囲の変化は単語の外側への拡大だけ
ダブルマウスダウン時点で作られた単語選択の内側にカーソルが入っても、選択範囲は縮小しない
これ良い仕様だと思うshokai.icon
情報元 https://twitter.com/osyoyu/status/1000989292045348864
Windowsのメモ帳もまったく同じ挙動だった
https://gyazo.com/e3ef0d92158661ad09d432cee25d9f03
Scrapboxもダブルマウスダウンで単語選択するようにした
https://gyazo.com/64423bc28f5bc0219e36cf125b23f5a3
2回目のマウスダウンの後、そのままドラッグするとテキスト選択範囲を拡大できる
選択範囲を拡大できるが、最初に選択された単語より内側には縮まない
実装
mousedownやmouseupイベントのコールバック引数のevent.detailがカウントアップしてくれる
これclickイベントだけかと思ってたshokai.icon
2回目のmousedownの時点でe.detail === 2となるので、それをトリガーに単語選択モードにする
行選択はトリプルクリックではなくトリプルマウスダウンというのもある