[B! jquery][イベント] starneon3517のブックマーク

jQuery 1.7の on() off()について調べてみた | バシャログ。

新しいチャリを手に入れたら歯車や金属のバーを眺めてニヤニヤするようになったminamiです。 11/3にjQueryの最新バージョン1.7がリリースされました。大小さまざまな機能追加がされましたが、その中でもかなり大きな「.on()」「.off()」というイベントAPIが追加されましたが、今までのイベントAPIとどう違うのかいまいちわからなかったので調べてみました。「.on()」「.off()」の使いどころ jQueryには今までのバージョンにも、「.bind()」「.live()」「.delegate()」といったイベントAPIがありました。今回追加された「.on()」「.off()」はそれら3つの機能をカバーしたメソッドになります。「.bind()」「.live()」「.delegate()」については今後も利用できますが、「.on()」「.off()」の使用が推奨されていくようで

starneon3517 2013/01/22

リンク

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

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

starneon3517 2012/11/30

リンク

jQueryを使ってスマートフォン用のイベントを扱ってみた - SUSH-i LOG

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

starneon3517 2012/07/26

リンク

[JS]スマートフォンでタッチを促すようにプルプルと振動させるスクリプト -Wiggle

iPhone, iPadなどでアイコンのタッチを促すようにプルプルと振動させるjQueryのプラグインを紹介します。 Wiggle -GitHub [ad#ad-2] Wiggleのデモ Wiggleの使い方 WiggleのデモデモはiPhone, iPadで動作しますが、デスクトップ用のFirefox, Chrome, Safari, Operaでも動作します。各画像はタッチ（クリック）するとプルプル振動し、下のボタン「Start All」で全部プルプル、「Random Cycle」でランダムにプルプルします。デモページ [ad#ad-2] Wiggleの使い方外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery-1.6.min.js"></script> <scr

starneon3517 2012/06/04

リンク

jQueryの.bind(), .live(), .delegate()の違い

The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('clic