タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

smart_phoneとjqueryに関するnilabのブックマーク (2)

  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
    nilab
    nilab 2012/02/28
    iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)
  • iPhone/SafariでjQueryを使ったイベントのバインドにおける注意点 : nogunogu

    こんにちは。のぐちです。 先日、このブログの存在が社内に告知されました。 開始からしばらくはひっそりと生きようということで特に教えていなかったのです。 で、早速というか何というか、社内の開発者からの応援メッセージ(ツッコミ)が届きました。 そのひとつが 「何故jQueryを使ってるのに、addEventListener してるのか?」 でした。 確かにわざわざ次のように書きました。 box.addEventListener(“touchmove”, touchHandler, false); 僕も最初はjQueryを使って $(“#box”).bind(“touchstart”, touchHandler); なんて書いたのですが、タッチしても全然反応がないので、 「ああ、touch系のイベントはjQueryが対応してないんだろうな」 と思い込んでいました。 が、このツッコミを機

    nilab
    nilab 2012/02/28
    iPhone/SafariでjQueryを使ったイベントのバインドにおける注意点 : nogunogu : 「jQueryでイベントをバインドした場合、touches は event.originalEvent.touches で取得しなければならない」
  • 1