スマートフォンのタッチ操作によるスクロールの制御について | スマートフォンサイト作成 ノウハウ集
スマートフォンでタッチパネルの操作といえば、フリック操作をして画面をスクロールする事があります。 ですが、スクロールさせたくない場合があります。それは、スライドショーなど、フリックを「別の用途で使いたい」場合です。 フリックでスクロールさせないようには以下のように書く事で解決できます。 document.body.addEventListener( 'touchstart', function(e){ e.preventDefault(); // これでtouchイベント全体でスクロールが無効になる }); touchstartに、ブラウザの持つイベントを実行しない「preventDefault」を実行するだけです。 これは、touchmoveのイベントにかけても大丈夫です。 しかし、落とし穴があります。それは、以下の２点。 ・スクロールのキャンセルを受け付けるのはスクロールが始まる
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
Javascriptで特定の要素のクリック・マウス関連イベントをごっそり無効にする方法
シークバーでページを切り替える仕組みを作っていて壁にぶち当たりました。シークバーのボタンを画像にしていたんですが、ボタンをドラッグするとブラウザの画像をドラッグすると起きるイベントのほうが優先されてしまい、狙った動作が起こせませんでした。対応策としては、 透明な要素でボタン全体をカバーしてブラウザの画像ドラッグイベントをさける Javascript側で対処する という2点を思いつきました。シークバーの仕組み自体をJavascriptで作成しているので当然後者がスマートだと思い、方法を探ってみた結果です。 画像部分がうまくドラッグできないサンプルのリンクはこちら→ http://t87r.web.fc2.com/Wordpress/Drag/sample.html#ex2 このサンプルはドラッグで動かしたい要素「div2」にwindowのonloadで以下の関数を実行します。div2にはCS
JavaScriptプログラミング講座【イベントについて（DOM Event Model）】
また、任意のクラスに、EventTarget インターフェースが実装されている場合、何らかのイベントが供給されているでしょう。
地球塔再建Wiki - enchant.js - オブジェクトのタッチイベントを無効化する
オブジェクトのタッチイベントを無効化する。 背景をタッチしたいのに上のオブジェクトが邪魔になっているときに使用する。
Tech Sample
This page is a collection of sample applications for iPhone and iPod Touch. ("iPhone" includes "iPod touch" in the following.) As it emulates the sliding motion of pages on iPhone (UINavigationController、UITableViewControlle in terms of Classes), it slides to the left and shows the next page by tapping the line (or clicking in case of desktop), and comes back by tapping the "back" button, iPadでも動作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://kudox.jp/java-script/javascript-touch-event
http://blog.androider.jp/troopers/
