natto_tamagoのブックマーク / 2012年12月12日

natto_tamago id:natto_tamago

2012年12月12日のブックマーク (2件)

jQueryを使ってスマートフォン用のイベントを扱ってみた - SUSH-i LOG
スマートフォン用のサイトを作る場合は、jQuery Mobileやら、jQTouchやら、Sencha Touchやら色々ありますが、ちょっとそこまで必要ないときに、スマートフォン特有のイベントをjQueryを使って扱えないか触ってみました。スマホ特有のイベントスマホ特有のイベントは幾つかありますが、今回は特に使われるであろうタッチ、スライド、ピンチイン、ピンチアウトに重点を置いて調べてみました。上記操作に必要なイベントは以下の通りです。 touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend 「touch***」というイベントが画面に指でタッチした、している時のイベント、「gesture***」というイベントが「二本指以上」の操作（ピンチイン、ピンチアウト、回転等）を行っている時
natto_tamago 2012/12/12
touch系のイベント。二本指操作のイベントものっている

javascript

jQuery

スマートフォン
リンク
[JavaScript]iOS, AndroidのOrientation（画面向き）を知る方法
iOS, Android端末の画面の向きにあわせてゴニョゴニョしてみたい。縦(Portrait), 横(Landscape)になった時の画面幅を取得しようとしています。本来であればイベント “onorientationchange” という便利なものがあるので使えばいいんだろうけど、一部Androidで取得できないケースもある様子、で困ったなぁと… 無駄を承知でこんな風にしてみました。 jQueryを使用しています。 $(window).on('resize orientationchange', function () { console.log(window.innerWidth); }); resizeだけでも良かったと思うのですが、HTML, CSSのどちらかが悪いのかiOSでresizeイベントをうまく取得できません。仕方なくorientationchangeも監視対象にし
natto_tamago 2012/12/12
Androidはresizeじゃないと微妙だった（Android4.0.4）

javascript

jQuery

Android
リンク
- 2012年12月14日
- 2012年12月12日
- 2012年12月11日