FC2ブログ

タッチイベントの設定

タッチイベントの設定

Javascriptイベントを設定する方法は2つ
一番簡単なのが
ontouchstartなど
onから始まるイベントに対して
直接関数オブジェクトを代入する方法

これは、タッチイベントにイベントハンドラを直接指定する

ソースにすると
var a_div = document.getElementById("a_div");

//イベント設定
a_div.ontouchstill=fuction(e){
a_div.innerHTML="画面に指が触れました";
};

a_div.ontouchend=fuction(e){
a_div.innerHTML="画面から指が離れました";
};

ポイントとなるのは、
ontouchstart
ontouchend
で無名関数を代入していること

ただし、この方法では、
イベントに対して1つのイベントハンドラをしか指定できない

複数のイベントハンドラを設定するには
addEventListener()
を使って設定する

応用すれば、
マウスを載せたら画像がかわるのではなく
指が振れている間だけ画像が変わるというのもできる
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック