iPhone/SafariでjQueryを使ったイベントのバインドにおける注意点 : nogunogu
こんにちは。のぐちです。 先日、このブログの存在が社内に告知されました。 開始からしばらくはひっそりと生きようということで特に教えていなかったのです。 で、早速というか何というか、社内の開発者からの応援メッセージ（ツッコミ）が届きました。 そのひとつが 「何故jQueryを使ってるのに、addEventListener してるのか？」 でした。 確かにわざわざ次のように書きました。 box.addEventListener(“touchmove”, touchHandler, false); 僕も最初はjQueryを使って $(“#box”).bind(“touchstart”, touchHandler); なんて書いたのですが、タッチしても全然反応がないので、 「ああ、touch系のイベントはjQueryが対応してないんだろうな」 と思い込んでいました。 が、このツッコミを機
jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基本的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv
handleEvent、addEventListener - 素人がプログラミングを勉強していたブログ
addEventListenerの第二引数は、関数以外にも、handleEventをメソッドとして持ったオブジェクトも渡すことが出来る。 window.addEventListener("click", { handleEvent: function (e) { console.log(e); } }, false); また、この仕様を利用すると、 ({ run: function () { window.addEventListener("click", this, false); this.counter = 0; }, handleEvent: function () { this.counter++ if (this.counter < 3) alert(this.counter + "clicked!"); else this.destroy(); }, destroy: fun
Firefoxでのwindow.event
ワールドカップの準決勝ポルトガル-フランスのせいで寝むれないmartinです。 以前のエントリで「Firefoxでの擬似window.event 」として、 function windowEvent(){ if(window.event) return window.event; var caller = arguments.callee.caller; while(caller){ var ob = caller.arguments[0]; if(ob && ob.constructor == MouseEvent) return ob; caller = caller.caller; } return null; } というのを載せていましたが、どうせなら、Firefox(および、その他のモダンなブラウザ)にも、window.eventを認識させたいです。window.eventは使い
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
関西でJavaScriptの小さい勉強会を開くことになった (Kanasansoft Web Lab.)
本来は、プレイベントのようなものから始め、主催者も経験を積みながら大きくしていけたらなと考えていたが、みんな同じ気持ちなのか本イベント開催の勢いである。しかし、経験不足は否めないし、急な開催なので時間もない。 読書会にした場合、今回のために本を購入する人が出てくると思う。読書会が失敗した場合、本を購入した人に申し訳ない。とりあえず、準備期間のいらなさそうなCodeReadingにした。 CodeReadingなら主催者も参加者も痛手は少ない。それに、Codeを各々で持ち寄れば、費用は会場費とお菓子代位しか発生しない。 上記の通り、CodeReadingを甘く考えていたが、現実は違うのかもしれない。運の良い事に、ミラクル・リナックスのCTOである吉岡氏に直接お会いする機会があったので、CodeReadingについて少しお伺いした。要約すると、「JavaScriptのことはよくわからないけど、
prototype.js のイベント・トリガー (hPod)
最近 prototype.js (1.5.0_rc1) を使うようになってから、おやと思ったことがある。 onclick などのイベントの処理を簡単に登録できるのはいいけれど、それを任意に発動させるトリガーにあたる機能がない？ たとえばほかに使っているライブラリ Google Maps API にはあるので、できないこともないのだろうけど、なぜこの有名な prototype.js にないのだろう。 一方で scriptaculous.js (v1.6.4) はと見てみると、 unittest.js の中に、それらしい機能が埋め込まれていた。 Event.simulateMouse とか、 Event.simulateKey とか。しかしこれらには experimental というコメントが付けられていたし、それにぱっと見ただけで制作途中であるような感じでもあった。 こうして scripta
作って納得! DOM 2 Events: Days on the Moon
ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン
Wiiリモコンが来た, 17th Annual Jolt Award, 「Shibuya.js Technical Talk #3 - Shibuya.es」あるいは、enfant terrible の集会 - 角谷HTML化計画(2007-03-23)
■1 Wiiリモコンが来た MacBookの赤外線受光部が(たぶん)壊れて、プレゼンのときにFrontRowリモコンを使ったDHHごっこができなくなってしまった。 Bluetoothのデバイスを調達しないと!! だったらWiiリモコンだよなー。eneloopも併せて買っても、他のBluetoothデバイスに比べれば安いね。 DarwiinRemoteで認識させるコツがいまいち掴めないが、赤外線と違って、MacBook本体の位置やリモコンの向け先を心配しなくてもよい。連打が可能なのも助かる(FrontRowだと誤動作防止のためか、一定時間ウェイトが必要な感じ)。 センサーバがあるとマウスを動かすのも簡単になるんだよね?(よくわかってない) ポインタも自由に動かせると、かなり面白そうだ。 ■2 17th Annual Jolt Award ギョーカイの権威ある賞の発表が今年もやってまいりました
最速インターフェース研究会 :: アメブロのオフィシャルブログ画像保護機能を無効化するGreasemonkeyスクリプト
現在見ているページをGM_xmlhttpRequestで受信するため、amebloのPVが増えます。さすがYappoです。 http://subtech.g.hatena.ne.jp/yappo/20070319/1174293065 なのでちょっと書き直してみました。 http://la.ma.la/misc/userjs/ameblo_sucks.user.js イベントはremoveEventListenerで外したいところですが、元の関数が参照できないと無効化できないので、onclickやoncontextmenuに直接代入してます。GreasemonkeyではDOMへの参照はラッピングされたオブジェクトが帰ってくるのでunsafeWindow経由で操作を行う必要があります。 Greasemonkey以外のuserjs実装でも動くように書いてみたつもりです。 どうぞご利用ください。
ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
Shibuya Perl Mongers : デブサミ2007出張Shibuyaイベント
We are a group of people dedicated to the encouragement of all things Perl-like in Shibuya. デブサミ2007出張Shibuyaイベント デブサミ2007出張Shibuyaイベントを2007年2月14日に開催します。 Developers Summit 2007（デブサミ2007） [開発テクノロジー]【14-B-7】「出張Shibuyaイベント」 ～ Shibuya.pm presents "Shibuya.js x Shibuya.pl mashup night" ～ 日時 - 2007年 2/14(水) 17:40～19:10 会場 - 目黒雅叙園（東京・目黒）夢扇（B会場） 料金 - 無料 参加登録 - こちら （定員300名） プログラム （※内容・順番・時間などは予告なく変更する場合があり
Collection & Copy - ドキュメントのロード完了に合わせて関数を実行する
JavaScriptページロード時にプログラムを実行するためにwindow.onloadやbody.onloadがしばしば使われる。しかし、ページ内に大きな画像が存在する場合などは、画像のロードを待つため、実行が遅れてしまう。「ドキュメントのロードが終わっていて、かつ、イメージのロードが完了する前」に関数を実行する方法のリンク2つの要点をコピー。 script要素defer、DOMContentLoadedイベントを利用する方法The window.onload Problem - Solved! Firefoxの場合非公式のイベントハンドラ、DOMContentLoadedを利用する。 // for Mozilla browsersif (document.addEventListener) { document.addEventListener("DOMContentLoaded",
Wiki小話/Vol.7「Podcastle開発について」とすごすぎるブラジルさんのプレゼンについて
トップ > iPod,iPod touch,Podcasting > Wiki小話/Vol.7「Podcastle開発について」とすごすぎるブラジルさんのプレゼンについて いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2007.01.11 Wiki小話/Vol.7に参加してきました。内容は「Podcastle」。 基本的にWikiというのは体質に合わないので、これまでWiki系のイベントは避けてきたのですが、今回は音声認識、それもPodcas
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kyo-ago/fastClick.js
hogehoge - addEventListener の第三引数について
バックナンバー – おくvillage
Keyboard Events and Codes
Site en construction
bolinfestivus home