タッチイベントの設定
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()
を使って設定する
応用すれば、
マウスを載せたら画像がかわるのではなく
指が振れている間だけ画像が変わるというのもできる