iOSクリックイベント挙動

軽めのjQuery Advent Calendar 2012でのiPhoneのclickイベントの挙動[to-R]に追記で。

• 軽めのjQuery Advent Calendar 2012
• iPhoneのclickイベントの挙動[to-R]

トリック手法

.target { cursor: pointer; }

要素を<a>要素にする

ターゲット要素を<a href="#">にすると、イベントを拾う。

touchstartをイベントに追加する

イベントにtouchstartを追加すると、イベントを拾う。

" data-sourcepos="15:1-23:3">

　    $(document).ready(function() {  
　            $("body").on('click touchstart', '.target2', function() {  
　                console.log(this);  
　                $(this).css("backgroundColor", "red");  
　            });  
　    });  
　</script>

サンプルページ（iOSでしか確認していない。）
でもAndroidでもイベント拾うとドキュメンに書いてあった。

sample smartphone toush event

一応、記事書いた。
see also : iOS click　クリック　イベントの挙動