Custom outerClick event / Portfolio / Christoph Pojer 指定の要素”以外”をクリックした時のイベントouterClickの実装法が紹介されています。 通常、指定の要素をクリックした際のイベントには、click を用いますが、それの逆のイベントを作成する方法です。 MooToolsベースですが、特定のエレメントのクリックに失敗したとき用にこういうイベントを用意しておくと便利ですね。 範囲外をクリックして alert した図 関連エントリ 実例で学ぶjQueryでのJavaScriptマウスイベントの扱い
指定要素”以外”のクリックで発動するイベントを実装することになりました。 具体的には、特定のaタグをクリックすると小窓が開き、その小窓以外の、ページ内のどこかをクリックしたら小窓を閉じる、という処理です。 サンプル：outerClick 最初は.notなどのセレクタを使って実装しようと思ったのですが、小窓の中に子要素があるとうまく動作しなかったのですが、ググっていたらプラグインを見つけたのでこちらを使うことにしました。 プラグインページ http://plugins.jquery.com/project/outerClick デモページ http://littleroom.se/playground/outerClick/ 使い方も簡単で、 $('div#hoge').outerClick(function (event) { ... }); という具合に普通のイベントと同様に使えます。
Custom event inspired by Jan Kassens' outerclick event: http://blog.kassens.net/outerclick-event The outerClick event is fired when an element outside of the target element is clicked. This plugin defines the method "outerClick". Demo: http://littleroom.se/playground/outerClick/ Usage: // Bind an event: $("#foo").bind("outerClick", function (event) { alert("You clicked outside of #foo."); });
Custom outerClick event / Portfolio / Christoph Pojer 指定の要素”以外”をクリックした時のイベントouterClickの実装法が紹介されています。 通常、指定の要素をクリックした際のイベントには、click を用いますが、それの逆のイベントを作成する方法です。 MooToolsベースですが、特定のエレメントのクリックに失敗したとき用にこういうイベントを用意しておくと便利ですね。 範囲外をクリックして alert した図 関連エントリ 実例で学ぶjQueryでのJavaScriptマウスイベントの扱い
jQueryの outerClick プラグイン、便利に使っていたのだけど、iPhoneで使おうとしたら反応しなかったので対処。 フックするイベントに touchend を追加した（赤字のところ）だけで大した事はしていないのだけど、 outerClick touch とかでググッても何も出なかったので残しておく。 37 $.event.special[OUTER_CLICK] = { 38 39 setup: function () { 40 var i = elements.length; 41 if (!i) { 42 $.event.add(document, 'click touchend', check); 43 } 44 if ($.inArray(this, elements) < 0) { 45
jQueryを使って指定要素以外をクリックした時に発火するイベント… 需要があるのですが、意外と用意されていません。 私の場合は毎回自前で書いているのですが、 毎度書き方がバラつくことも嬉しくはないので、プラグインをさらっと書いてみました。 でも配布だけでは面白くないので、「outerclick」を実現するための手段を解説します。 まず、プラグインはこちら。 http://github.com/thrbrd/jquery.outerclick.js 軽くしかテストしていないので、 IEなどでの動作は保証しません。というか全体的に保証しません。解説用途なので。 アップデートはするつもりですので、追ってお知らせします。 でも約500byteと軽量なので、需要があれば自由にご利用ください。ライセンスも無いです。 解説はこちらになります。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
指定の要素”以外”をクリックした時のイベントouterClickの実装:phpspot開発日誌
jqueryで指定要素”以外”のクリックイベントを実装するouterClickプラグイン « kawama.jp
Custom event: outerClick | jQuery Plugins
)
指定の要素”以外”をクリックした時のイベントouterClickの実装:phpspot開発日誌
jQueryの outerClick プラグインをタッチ対応にする。 - 何となくの覚書
jQueryで指定要素以外をクリックした時に発火するイベント outerclick | thrbrd