マウステスター
test領域のmouse位置、buttons bitmask・pressure・pointer typeを表示します。
使い方
- 領域内でmouseを動かしbuttonを押して値を確認します。
主な機能と処理範囲
pointerType=mouseのpointermove/downだけを受け領域左上基準X/Yを丸めます。
処理の仕組み
client座標-getBoundingClientRect、event.buttons/pressure/typeを保存します。
例
左button押下移動でbuttonsとX/Yが更新されます。
こんな場面で便利
- mouse event確認に
利用前の確認
- buttonsはPointerEvent bitmaskでdriver全button名を解析せずtouch/penは無視します。
よくある質問
touchも表示？
いいえ。mouseのみです。