1分でわかるreturn false; preventDefault(); stopPropagation() の違い
クリックイベントのサンプル .innerを子、.outerを親にしてそれぞれにクリックイベントのサンプルを作成した。リンクをクリックするとalertの".inner", ".outer"が表示されてからiwb.jpに遷移する。 $(".inner").click(function(){ alert(".inner"); }); $(".outer").click(function(){ alert(".outer"); }); alertの".inner", ".outer"が表示されてからiwb.jpに遷移するサンプル preventDefault()を使用するとリンクの遷移などのイベントを無効にできる。 $(".inner").click(function(e){ e.preventDefault(); alert(".inner"); }); $(".outer").click(fu
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
スマホでマウスオーバー - シンプルシンプルデザイン JavaScript
スマートフォン（以下スマホ）やタブレットでPCでいうところのマウスオーバー処理をしたいときは、touchイベントを使うことで実現できる。 確かAndroid1.6とかでtouchイベントに対応していない端末があったような気がするが、touchイベントに対応しているか判別すればいいわけで、デバイスがPCだろうがスマホだろうがタブレットだろうが関係ない。 実装イメージ touchイベントを認識するか？ しない→clickイベントで処理（マウスオーバーは普通にCSSで） する→clickフラグ用の変数を用意。 タップした（ontouchstart）ときに見た目を変えるCSSやclass名をセットする。 タップしたところから移動（ontouchmove）したら、clickフラグを無効に。 タップを離した（ontouchend）とき、 タップしたときにセットしたCSSやclass名を取り消す。 cl
[CSS] Memo, iOS長押しで表示されるポップアップがじゃまな時
あたふたしたのでメモっとく。 iOSでリンクを長押しすると下からにょろっと出てくるポップアップ（正式名称はなんだろう）がじゃまでした。 出現する時のイベントを取得できないかとJavaScriptでごにょごにょしましたが解決できず。 時間も限られていたので出てこないようにしてしまいました。 < p class=”clear”>
![[CSS] Memo, iOS長押しで表示されるポップアップがじゃまな時](https://cdn-ak-scissors.b.st-hatena.com/image/square/00c57c21ab579e3c2f1e40cf3f57603d04c1629e/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2Fcontents%2Fwp-content%2Fuploads%2F2013%2F01%2FIMG_2075-169x300.png)
jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他
jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 （※ページをそのまま訳したわけではないと、思います） jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ： 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A
愛宕山太郎坊/Staff
愛宕山太郎坊 アニメーション制作進行支援ソフト 愛宕山太郎坊 ログイン 会社id ユーザー名 パスワード ユーザー名またはパスワードが正しくありません。 閉じる ログイン
代々木公園イベント&フリーマーケット&フェスティバル情報
第75回うえの桜まつり - 第75回うえの桜まつり 期間中は上野公園をはじめ、上野地区周辺で様々なイベントを実施！ ぼんぼり点灯や、青空骨董市、日光猿軍団による猿回し、獅子舞に「東京・春・音楽祭」ぜひ上野の春を満喫してください！ 日程 2024年3 … "第75回うえの桜まつり" の続きを読む The post 第75回うえの桜まつ... ビニールハウス - ビニールハウス 予告編 公開日 2024年3月15（金）ビニールハウス 映画館 シネマート新宿、ヒューマントラストシネマ渋谷 ポスター 英題 Greenhouse 配給 ミモザフィルムズ 公式サイト 詳細は公式サイトを御 … "ビニールハウス" の続きを読む The post ビニールハウス first a...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mgzl.jp
東京都のイベント＆おでかけ情報｜ウォーカープラス