私はカラーピッカーを作成しようとしており、大きな問題に遭遇しました。たとえば、テキストの背後にあるdivをクリックして色を変更したい場合、テキストがbgを上書きするため、これを行うことはできません。すべての要素にあるdomボックスを含めずに要素をクリックできるようにするには、ここで何ができますか?domを無視してどの要素をクリックしたのか?
-1
A
答えて
0
stopPropagation()
を実行すると、クリックされた要素のみが選択されます。
$(".ColorCardBackgroundView").click(function(e) {
e.stopPropagation();
document.getElementById('ColorCardBackground').jscolor.show();
});
+0
これはあなた自身の質問やコメントに対する答えですか? – hungerstar
+0
これは答えです、それはまさに私が必要としたものでした。 –
+0
'.ColorCardBackgroundView'要素がお互いに入れ子になっている必要がありますか? – hungerstar
関連する問題
- 1. エラーを無視して次の要素を検索します
- 2. コンポーネントのアップデート時にDOM要素をクリック
- 3. 画面サイズを無視したdiv要素のセンタリング
- 4. 要素の子がクリックされたときにクリックイベントを無視する
- 5. は2番目の要素を無視しますか?
- 6. DOM要素をJavaScriptからJavaに戻してクリックを最適化する
- 7. アトリビュートを無視して要素を検索する
- 8. WCF:ルート要素のXmlSerialization属性が無視されました
- 9. クリックしたときに一連の要素の要素のDOM位置を決定する方法
- 10. DOMを使用して作成された要素の設定のスタイルDOM
- 11. D3.jsは、クリック時にDOM要素テキストを更新します。
- 12. ミスリル:あるDOM要素を別のDOM要素のベースにします
- 13. jqueryはプログラムによって新しいDOM要素をクリックします
- 14. テーブル要素は、firefox 4でfont-weightを無視しますか?
- 15. 浮動要素はパディングを無視しますか?
- 16. クリックした要素のコンテンツを別の要素に配置
- 17. domにロードされた無限のスクロールコンテンツを無視するAjax
- 18. jQueryのオーバーフロー:隠し要素を無視する
- 19. Mouseover要素の子要素からのMouseoutイベントを無視する
- 20. ジャクソンを使用してjson bodyの空の要素を無視する
- 21. のXerces SAXパーサーxmlxsを無視:XercesのSAXパーサーを使用して要素
- 22. PyQT5をマウスでクリックしてDOM要素を取得する方法QWebView
- 23. カスタムリストのフラグメントをクリックして要素を無効にしてボタンのクリックを有効にする(Androidスタジオ)
- 24. クリック要素は、要素をクリックしたことを示してlog.htmlで、ロボットFrameworkで動作していない
- 25. web.config siteMap要素が無視されました
- 26. 要素の正確なhtmlを指定してDOM内の要素を検索
- 27. mousemoveで子要素を無視する
- 28. DOMの要素を選択した兄弟でない要素を選択
- 29. jqueryを使用してDOM上で視覚的にクリックしてdivをスワップ
- 30. Androidのホームボタン[保存した状態を無視する]をクリックしますか?
あなたはコードとスクリーンショットであなたの質問に手の込んだことができますが何を尋ねるしようとしている明確ではない、と明らかに更新ポストを見てみましょう@ncubica DOM – ncubica
よりもあなたのロジックの詳細な問題です。 –
テキストがその中にある場合、clickイベントを_bg div_に委譲します。それ以外の場合は、「
」に委任し、すべてのクリックを監視します。彼らが承認されたソースから発信されている場合は、色を取得します。あるいは、それらの行に沿った何か。 – hungerstar