[JavaScript] jQuery使ってるときのaタグのタッチイベントを制御したい

2012/08/21

こんにちは。きんくまです。
毎回同じことを調べてるので、メモしておきます。

aタグのタッチイベントを制御するときに、originalEvent.preventDefault()するとうまくキャンセルできます。
新しいバージョンでは直っているのかもしんない。
v1.7.1は駄目だったです。

$('#foo a').bind('touchstart', function(e){
    e.preventDefault(); //not work!!
    e.originalEvent.preventDefault(); //good
});

jQueryのEventObjectのリファレンス以外に見つかるプロパティを調べてたら見つかりましたです。

$('#foo a').bind('touchstart', function(e){
    var s = [];
    for(var prop in e){
        s.push(prop);
    }
    alert(s.join(', '));
});

自作iPhoneアプリ 好評発売中!
フォルメモ - シンプルなフォルダつきメモ帳
ジッピー電卓 - 消費税や割引もサクサク計算!

ページトップへ戻る