2012-06-28

タッチ・フリック勉強 【スマホ】

↓↓↓他のサイトをみつつ勉強↓↓↓
・web帳 | スマートフォン JavaScript タッチ、フリックイベント実装
http://www.webcyohttp://www.blogger.com/img/blank.gifu.com/?p=3121

タッチについて詳しく書かれているのはこちら↓
・iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)
http://blog.fenrir-inc.com/jp/2011/06/ios_android_pc_touchevent.html

上記のサイトで使ってるイベントは違うけど、意味は同じ。
addEventListenerは、jQueryを使うと.bindとなる。

意味:任意のイベント処理を呼び出す。

addEventListener…IEでは使えないらしい。IEは→attachEventを使う。
使い方はイマイチわからないのでパスjQueryの方で覚える。↓↓


bind(バインド)を使った例↓

$(function(){

function aaa() {
alert("テスト");

}
$("#touch").bind('click',aaa);

});

※#touchをクリックしら「aaa」読んでね、の意。


【click】の部分を【touchstart】にすると、タッチするとアラートがでる。




【タッチイベント】

touchstart(タッチスタート)…タッチしたら○○

touchmove(タッチムーブ)…タッチしたまま動かしたら○○

touchend…(タッチエンド)…タッチが離れたら○○

touchcancel…(タッチキャンセル)…タッチしてるときに電話とかがかかってきたら○○







--------------------- 参考サイト -----------------

・addEventListenerを使う方法
http://www.u-ziq.com/blog/2007/05/domscript.html

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報