#032 posted on 2017.11.10

スマホ、タッチ系イベント

.on(‘touchstart’, fn) : タップしたときにバインド

.on(‘touchmove’, fn) : スワイプしたときにバインド

.on(‘touchend’, fn) : 指を話したときにバインド

 

.clientX : イベントの水平・垂直座標

.layerX : 現在のレイヤー上における相対的な水平・垂直座標

.pageX : イベントのページ上における相対的な水平・垂直座標

.screenX : イベントのスクリーン上における水平・垂直位置

 

.touches : 現在画面上にあるすべての指のリスト

.targetTouches : 現在の DOM 要素上にある指のリスト

.changedTouches : 変化したTouch オブジェクト(指)のリスト

 

event.pageX : javascriptのイベントオブジェクト

event.originalEvent.changedTouches[0].pageX : jQueryのイベントオブジェクト

 

http://studio-key.com/711.html

http://hakuhin.jp/js/touch_event.html

https://www.html5rocks.com/ja/mobile/touch/

https://app.codegrid.net/entry/touch-mouse

http://d.hatena.ne.jp/sandai/20091105/p1

SHARE THIS ON...

- 人気記事 -