kawama.jp

jqueryで指定要素”以外”のクリックイベントを実装するouterClickプラグイン

カテゴリ: Ajax,JavaScript — タグ: , , — 2011年1月17日 22:14 — Comments (1)hatebu count

指定要素”以外”のクリックで発動するイベントを実装することになりました。
具体的には、特定のaタグをクリックすると小窓が開き、その小窓以外の、ページ内のどこかをクリックしたら小窓を閉じる、という処理です。

サンプル:outerClick

最初は.notなどのセレクタを使って実装しようと思ったのですが、小窓の中に子要素があるとうまく動作しなかったのですが、ググっていたらプラグインを見つけたのでこちらを使うことにしました。

プラグインページ
http://plugins.jquery.com/project/outerClick

デモページ
http://littleroom.se/playground/outerClick/

使い方も簡単で、

$('div#hoge').outerClick(function (event) { ... });

という具合に普通のイベントと同様に使えます。

1件のコメント »

  1. […] kawama.jpさんの記事 jqueryで指定要素”以外”のクリックイベントを実装するouterClickプラグイン にたどり着きました。 […]

    ピンバック by 【jQuery】要素の”外側”のクリックイベントを捕捉「skOuterClick」 | webシステム開発会社よりフリーランスのSEプログラマースコブト — 2012年2月27日 @ 22:04

RSS feed for comments on this post. TrackBack URL

Leave a comment

Copyright (C) 2002 - 2017 kawama All Rights Reserved. — Powered by WordPress