特定の領域外のクリックにどのように反応しますか？

私のドキュメントは次のようになります。 enter image description here 特定の領域外のクリックにどのように反応しますか？

基本的に、背景はフルスクリーンの1つの透明なdivです。いくつかの問題があります...バックグラウンドdivを作成してZ-インデックスを適用しないと、すべての上に終わります。ボックスをクリックすることはできません。バックグラウンドdivのz-indexをボックスの下に設定した場合、背景をクリックすることはできません。私がしたいことは、ボックスと背景の両方をクリックできるようにすることです。

CLARIFICATION：ボックスはbgと同じノードレベルにあります。 bg div内にはありません。

出典

2011-11-30 antonpug

奇妙なので、[jsFiddle]（http://jsfiddle.net）してください。 – ExpExc

この[demo]（http://jsfiddle.net/Dj6GZ/）の '＃box'をクリックすると、あなたが望むように機能します。（OS XのSafari） – bookcasey

'bg'の' box'はありますか？それは外ですか？関連するマークアップを投稿してください。それ以外の場合は未知数が多すぎます。 – Strelok

あなたはその一人一人があなたを助けることができるあなたのコードを投稿しなければなりません。私のtestはFirefoxとChromeで正しく動作します。私が正しく推測している場合、コード内の背景は拡大されません。私の例では、問題を見るためにhtml, body { width:100%; height:100%; }を削除してみてください。

IEブラウザでは、透明なgifイメージをバックグラウンドdivのバックグラウンドとして使用する必要があります。そうしないと、バックグラウンドdivがマウスクリックイベントを受け取れない可能性があります。

出典

2011-11-30 04:34:37 ExpExc

このjQueryプラグインを見てください。あなたの特定の質問を解決しないとしても、コードはあなたのジレンマに洞察を与えることができます。

jQuery clickoutside

出典

2011-11-30 03:53:15 Tuck

特定の領域外のクリックにどのように反応しますか？

答えて

関連する問題