Webページにスワイプインタフェースを追加するスクリプト
指をスライドさせてページ送りをしたりするスワイプという操作ですが、自分のWebサイトにもコレを使うと簡単に導入できそうです。 <div id="swipeBox" ontouchstart="touchStart(event,'swipeBox');" ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);"> ↑こんな感じね。（うーん、見慣れないイベントだｗ） で、動作デモがこちら(iPadで見てね)＞ Swipe Example なんで、こんなモヤモヤっとした表現かというと、iPadが無いんです。試せないんです。デモサイトは当然Chromeちゃんでは動きませんでした。Android端末からなら動くのかな？iPad頂戴。 というわけで、詳しい解説は、↓
jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 この関数で指定できるイベントは、次の通りです: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup 現時点ではサポートしていないイベントは、次の通りです: blur, focus, mouseenter, mouseleave, change, submit bindとほぼ同様の関数ですが、ハンドラ登録時にマッチする要素だけでなく、永続的にイベント発生時点でマッチする要素に反応する点が異なります。 例えばli要素に対してclickイベントを登
Ajaxやタブ切替には必須かも？ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン Ajaxやタブクリックなどのイベントでもブラウザの「戻る」「進む」を有効にすることができるjQueryのhashchange eventというプラグインを紹介します。同じような効果を得られるスクリプトより断然使いやすいのでおすすめです。 使い方はとても簡単で windowにhashchangeイベントをbindするだけです。 $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ハッシュフラグメントが変わったときにHoge()を実行する $(window).hashchange(); // Windowロード時に実行できる Ben Alman » jQuery hashc
こんにちは。のぐちです。 先日、このブログの存在が社内に告知されました。 開始からしばらくはひっそりと生きようということで特に教えていなかったのです。 で、早速というか何というか、社内の開発者からの応援メッセージ（ツッコミ）が届きました。 そのひとつが 「何故jQueryを使ってるのに、addEventListener してるのか？」 でした。 確かにわざわざ次のように書きました。 box.addEventListener(“touchmove”, touchHandler, false); 僕も最初はjQueryを使って $(“#box”).bind(“touchstart”, touchHandler); なんて書いたのですが、タッチしても全然反応がないので、 「ああ、touch系のイベントはjQueryが対応してないんだろうな」 と思い込んでいました。 が、このツッコミを機
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
