JavaScript में किसी एलिमेंट के बाहर क्लिक कैसे पहचानें (jQuery के बिना)?
सभी को नमस्ते! मैं एक शुरुआती फ्रंटएंड डेवलपर हूँ और एक सामान्य समस्या का सामना कर रहा हूँ: ड्रॉपडाउन मेनू (या मोडल विंडो) को उसके बाहर क्लिक करने पर बंद करना है।
मैं बिना jQuery के शुद्ध JavaScript का उपयोग कर रहा हूँ। मेरे पास एक HTML संरचना है जहाँ बटन पर क्लिक करने पर `
` खुलता है। समस्या यह है कि मैं इस ब्लॉक के बाहर क्लिक ईवेंट को पकड़ने का तरीका नहीं सोच पा रहा हूँ ताकि इसे बंद करने का फंक्शन कॉल किया जा सके।
यहाँ सरलीकृत कोड है:
```html
```
```javascript
const menuBtn = document.getElementById('menuBtn');
const dropdown = document.getElementById('myDropdown');
menuBtn.addEventListener('click', function() {
dropdown.style.display = 'block';
});
// अब मैं ऐसा हैंडलर कैसे लिखूँ जो पेज के किसी भी अन्य स्थान पर क्लिक करने पर dropdown को छिपा दे?
```