このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

スマートフォン タッチイベント、距離、速さ等確認ページ

スマートフォン

2013.03.07

この記事は最終更新日から1年以上が経過しています。

スマートフォンコンテンツを制作していくと、何かとタッチイベントが必要となってきます。

一部のAndroid端末で「touchmove」イベントが上手く取得できない。なんてことも多々あります。

そんな時用の為にスマートフォン タッチイベント確認ページを作成しました。

そんな大逸れたものではありませんが、一通り確認出来るかなと思っております。

デモページ

http://webcyou.com/demo/js/touch/

灰色部分をタッチするとそれぞれの情報が取得出来ます。

上段のpageYがY座標となり、左から

start:タッチを始めたY座標

move:移動している最中のY座標

end:タッチを終了したY座標

上段のpageXもY座標同様

start:タッチを始めたX座標

move:移動している最中のX座標

end:タッチを終了したX座標

となっています。

その下、

distanceX:X座標の移動距離

distanceY:Y座標の移動距離

time:タッチを始めて終了までの時間(ミリ秒)

最後の段は

totalD:始点から終点の2点間の移動距離

speed:速度(px/秒)

右側のリストはそれぞれ「Touch Start」「Touch Move」「Touch End」のイベントが発生した際、ランプが青くなります。

宜しければー。

デモページ

http://webcyou.com/demo/js/touch/

Comment

Related Article

「Band’s」スマートフォン版リリースしました!

2015.06.24

スマートフォンサイト制作における SCSSディレクトリ構成、Class命名について

2014.06.01

ドラクエモンスターズ スーパーライト ジェム 50,000円分 無料GET!! と謳っている【manekin】(マネキン)をやってみた!

2014.05.24

HTML5 WebビューApp ソーシャルゲーム制作時のまとめ

2013.08.17

スマートフォン タッチイベント、距離、速さ等確認ページ

2013.03.07

weinreでiPhone/Androidをリモートデバック

2013.01.27

translateプロパティでAndroid,iPhone端末で画像がちらつく件

2012.09.13

CSS3 アイコン作成 背景指定1つ 光彩グラデーションの表現

2012.05.19

スマートフォン JavaScript タッチ、フリックイベント実装その2 「ボールを投げる」

2012.02.18

スマートフォン JavaScript タッチ、フリックイベント実装

2012.02.18

CATEGORY LIST

LATEST NEWS

Mac VSCodeで、SFML C++開発環境を作る。

C++

2024.09.09

Rust-SDL2 examplesをすべて試す

Rust

2024.09.01

JavaScriptで、DOMを放り投げる処理

JavaScript

2024.07.27

Rustで創る MOS 6502 CPU その2

Rust

2024.07.23

Rustで創る MOS 6502 CPU その1

Rust

2024.07.19

汎用 3D mesh/model viewerを求め。と、簡単に、FBXファイルをglTF(glb)に変換ツールを求め。

C++

2024.06.06

M1 Macで、OpenGL GLUTを使ってコンパイルする

C

2024.04.27

Rust - Actix Web mongo ユーザー登録 JWT認証

Rust

2024.03.24

Rust - Actix Web JWT 認証認可 APIの作成

Rust

2024.02.25

Rust - Actix Web × JSON 静的ファイルをAPIで返却

Rust

2024.01.19

Rust - Actix Web × MongoDB環境をサクッと起動

Rust

2024.01.18

5分で学ぶ RustでWave Function Collapse (波動関数崩壊アルゴリズム)

Rust

2024.01.15

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US