كيفية تحديد النقر خارج العنصر في JavaScript (بدون jQuery)؟
مرحباً بالجميع! أنا مطور واجهات أمامية مبتدئ وواجهت مهمة نموذجية: يجب إغلاق القائمة المنسدلة (أو النافذة المشروطة) عند النقر بالماوس خارج حدودها.
أستخدم JavaScript خالصاً بدون jQuery. لدي بنية HTML حيث يتم فتح `
` عند النقر على زر. المشكلة هي أنني لا أستطيع التفكير في كيفية التقاط حدث النقر خارج هذا الكتلة تحديداً لاستدعاء دالة إغلاقها.
إليك الكود المبسط:
```html
```
```javascript
const menuBtn = document.getElementById('menuBtn');
const dropdown = document.getElementById('myDropdown');
menuBtn.addEventListener('click', function() {
dropdown.style.display = 'block';
});
// ولكن كيف الآن كتابة معالج يخفي dropdown
// عند النقر في أي مكان آخر على الصفحة؟
```