JavaScript में किसी एलिमेंट के बाहर क्लिक कैसे ट्रैक करें?
सभी को नमस्ते! मैं JavaScript में नया हूँ और एक ड्रॉपडाउन मेन्यू बना रहा हूँ। मुझे चाहिए कि जब उपयोगकर्ता मेन्यू के बाहर कहीं भी क्लिक करे तो यह बंद हो जाए। मैंने कई तरीके आज़माए, लेकिन कुछ भी सही से काम नहीं कर रहा।
यहाँ मेरा वर्तमान कोड है:
```javascript
const menu = document.getElementById('myMenu');
document.addEventListener('click', function(event) {
if (event.target !== menu) {
menu.style.display = 'none';
}
});
```
समस्या यह है कि मेन्यू तब भी बंद हो जाता है जब मैं इसकी सामग्री (जैसे सूची आइटम या अंदर के बटन) पर क्लिक करता हूँ। मैं समझता हूँ कि event.target वह विशिष्ट एलिमेंट है जिस पर क्लिक किया गया, न कि मेन्यू कंटेनर। कैसे सही ढंग से जाँच करें कि क्लिक एलिमेंट के बाहर हुआ, जिसमें इसके सभी चाइल्ड नोड्स शामिल हों? मुझे बिना jQuery के शुद्ध JavaScript समाधान चाहिए। धन्यवाद!