[jQuery] click / touch / pointer イベントを完全に制御する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
![[jQuery] click / touch / pointer イベントを完全に制御する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f40d5d01dfa5d8767ed88f3932b1985522d887f7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRjEuZ3JhdmF0YXIuY29tJTJGYXZhdGFyJTJGMWY3ZTRhZDIyMTFiNjI5NGU0OWMzZDAxOTkyYjM5NGQlM0ZkJTNEaHR0cHMlMjUzQSUyNTJGJTI1MkZpZGVudGljb25zLmdpdGh1Yi5jb20lMjUyRjE4YmI2OTQ1NTZmOTkxNjliMjk4ZTk5NjBiYWE0YTBkLnBuZyUyNnIlM0R4P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTJhZjY5YzM0OTEyMDhjNzBmZGJjOGFkOTRjODVkMjlk%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dee2f7fd4d751ac44194be284ac29b5a5%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCalF1ZXJ5JTVEJTIwY2xpY2slMjAlMkYlMjB0b3VjaCUyMCUyRiUyMHBvaW50ZXIlMjAlRTMlODIlQTQlRTMlODMlOTklRTMlODMlQjMlRTMlODMlODglRTMlODIlOTIlRTUlQUUlOEMlRTUlODUlQTglRTMlODElQUIlRTUlODglQjYlRTUlQkUlQTElRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1hYTE5MjRmNmE3YTg3NDlmYmE4MDNjNTA1MjYwNWJlNQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0b3NoaWhhcnUtaXJpZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWU3MTE0MGIyNzdhZTY0ZjNkZTkwMzZhNmJlNzljNmJi%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D89408ebc673fc27e044fb448e6cb2514)
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
ユーザのテキスト表示サイズ変更を検知するjQueryライブラリ·jquery-textresize-event MOONGIFT
jquery-textresize-eventは画面に表示されている文字サイズを変更した際に検知できるjQueryライブラリです。 もし閲覧しているWebサイトの文字が小さかったり、逆に大きすぎる場合には拡大/縮小メニューを使うと思います。そんな時にそれを検知して別なスクリプトを実行できるのがjquery-textresize-eventです。 文字を大きくしたり、小さくしたりするとコンソールにresizedというログメッセージができます。 コードはこんな感じでtextresizeをbindします。 jquery-textresize-eventはspanタグの隠し要素を追加して、それの高さと変更後の高さを常時比較することで検知できるようにしています。アイディアが秀逸です。 jquery-textresize-eventはJavaScript/jQuery製のソフトウェア（ソースコードは公
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
