Androidでtouchmoveがうまくうごかない件とflipsnapでの対応策 - hokaccha memo
この件。主に2.1とかっぽい。 http://www.youtube.com/watch?v=s6c3n7IjKuY 手元の端末だとIS03で同じ現象だった。エミュレーターでも同じ挙動になったので端末依存じゃないかも。 んで検証してみたらtouchstartをpreventDefault()すればうまく動くことがわかった。 http://dl.dropbox.com/u/336104/demo/touch/touchmove.html この例だと上二つはうまく動くけど下二つは動画みたいになる。つまりtouchstartをpreventDefaultすれば問題解決なんだけど、touchstartをpreventDefaultすると、ネイティブのスクロールが効かなくなる。 これで何が困るか。flipsnapはtouchmoveで横と縦どっちに動いたかを判定して、ネイティブのスクロールを止めるか
http://tripleodeon.com/wp-content/uploads/2011/12/table.html
Return to article ModeBrowserPhoneGapHomescreen OrientationPortraitLandscapePortraitLandscapePortrait ViewportNon-constrainedConstrainedNon-constrainedConstrainedNon-constrainedNon-constrainedNon-constrainedConstrained DoctypeNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMPNoneHTML5XHTMLMP iOS v5.0screen.width
[android][js] Androidのブラウザ上でお絵描き - monthly gimite
touchmoveというイベントを使うらしい、と知ったので、試しにやってみました。 Androidのブラウザ上でお絵描きするサンプル 2010/6/28追記: たぶんiPhoneでも動くようになったんじゃないかと思います。前に動かなかったのはevent.pageXを見ていたせいで、iPhoneではevent.touches[0].pageXを見ないといけないようです。マルチタッチ対応?さらにjQueryを使っていると追加の罠があって、jQueryのイベントオブジェクトは生のイベントオブジェクトではないらしく、そっちにはtouchesが入っていません…。なので正解はevent.originalEvent.touches[0].pageX。ぬぬぬ。 Android特有と思われる罠としては、単にtouchmoveイベントを使うと、タッチ直後ちょっとだけtouchmoveイベントが発生して、その後
![[android][js] Androidのブラウザ上でお絵描き - monthly gimite](https://cdn-ak-scissors.b.st-hatena.com/image/square/d05008c5957c75d2f9f6a546266e86d255e3aa08/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673860630%2F17680117126973993202%2F1550668904)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
