iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
JavaScript CustomEvent
JavaScript events have been the gateway to user interaction within the browser since its inception. Not only do events tell us when an interaction happens, but events tell us type of interaction, the nodes involved, and provide us methods for working with the event. Creating custom events and triggering them have always been trickier. Using JavaScript's CustomEvent API, that trickery can be elimin
現在のスクロール位置が、読み込み開始位置を超えていないかチェック。閾値を超えたらリクエストを投げる - taizooo
※現在のスクロール位置が、読み込み開始位置を超えていないかチェック。閾値を超えたらリクエストを投げる http://d.hatena.ne.jp/taizooo/20090509/1241796655 addEventListener とかスクロール位置がなんたらかんたら、っていうのが全然わかってないのでまずはもっと簡単な os0x の twitter.AutoPager を見てみるか。 http://userscripts.org/scripts/review/47998 なんか ver 0.4 になっててコードの行数が増えておる。あれだ、follower と following で通常の AutoPagerize と同じ動作をするようなコードが追加されてるんだ。古い方を参考にしよう。 http://userscripts.org/scripts/versions/47998 http:
jQueryのbind、unbindみたいにnamespace使ってaddEventとかremoveEventできるやつ :: 5509
jQueryのbind、unbindみたいにnamespace使ってaddEventとかremoveEventできるやつ jQueryのbindとunbindは超便利やなぁと思って、arguments.calleeじゃなくてもremoveEventできるようなやつ書いた。addEventListenerとremoveEventLisetenerにnamespace渡して管理できる的な。iOSで動けばいいからattachEventとdetachEventは入れてないです。 結局思いついたやり方でやって、jQueryちゃんと読んでないけど、やり方はこんな感じ？つまり絶賛勉強中。。 巡り巡ってElement.prototypeを断念、、ソース修正した。どうせならこっちの方が使いやすいかも。Elementのprototypeに差し込んだ revision: gist: 904063 bindの使い
live(type, fn) - jQuery 日本語リファレンス
jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 この関数で指定できるイベントは、次の通りです: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup 現時点ではサポートしていないイベントは、次の通りです: blur, focus, mouseenter, mouseleave, change, submit bindとほぼ同様の関数ですが、ハンドラ登録時にマッチする要素だけでなく、永続的にイベント発生時点でマッチする要素に反応する点が異なります。 例えばli要素に対してclickイベントを登
IEContentLoaded - An alternative for DOMContenloaded on Internet Explorer
IEContentLoaded (last updated 05/10/2007) An alternative for DOMContentLoaded on Internet Explorer This is an Internet Explorer only method. It does not produce the expected results on other browsers. It is meant to be used as an IE alternative in other fine scripts trying to fix the window onload problem. It is based on a hack (no doubt about that), but I hope it is an improvement over previous I
fladdict.net blog: イベント・ドリブンなJavaScriptのやり方
Flashでに学ぶ非同期通信のノウハウのって感じのお話。JavaScriptでオブザーバパターンを用いて、イベントドリブンなコード（addEventListener等）をバリバリ書く方法です。 というかFlashで言うところの、mx.events.EventDispatcherクラスの自分なりの移植なわけですけど。 このEventDispatcherクラスを使うと、W3CのDOM3にそれなりに対応した、イベントモデルを自作のJavaScriptのオブジェクトに実装できます。これで素晴らしきイベントドリブンの世界が楽しめます。 function EventDispatcher(){} /** EventDispatcher.initialize( obj ) オブジェクトobjに、W3C DOM3互換のイベント通知機能を追加します。 これによりobjは、onLoad等のイベントを発行すること
keyイベント(keypress,keyup,keydown)の確認
keypress,keyup,keydownイベントの発生パターンを確認するためのページです。 確認したいイベントをチェックし、テキストボックスに入力してください。 →Blogへ戻る keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://atnd.org/events/10497
kanazawa.js