Anonim

நீங்கள் ஜாவாஸ்கிரிப்ட்டில் நிரல் செய்தால், ஒரு கிளிக்கில் திறக்கும் மெனுக்களை நீங்கள் விரும்பும் சூழ்நிலையை நீங்கள் இயக்கியிருக்கலாம், மேலும் பயனர் மெனுவுக்கு வெளியே கிளிக் செய்யும் போது அது மூடப்படும். அதைச் செய்ய நான் ஒரு அழகான எளிய வழியை உருவாக்கியுள்ளேன். ஆவணத்தின் உடலில் ஒரு நிகழ்வு கேட்பவரை நான் சேர்க்கிறேன். யாராவது அதைக் கிளிக் செய்தால், நிகழ்வின் இலக்கு ஐடியைத் தேடுகிறோம். இது பெட்டியின் டிவியின் ஐடியுடன் பொருந்தினால், எதுவும் செய்ய வேண்டாம். அவ்வாறு இல்லையென்றால், மெனுவை மூடு.

இன்னும் கொஞ்சம் எடுத்துக்கொண்டால், ஒரு கிளிக் நிகழ்வு கேட்பவரைப் பயன்படுத்தாதபோது முழு உடலிலும் விட்டுவிடுவது திறமையற்றது. இந்த வழக்கில், மெனு இன்னும் திறக்கப்படவில்லை என்றால், மெனுவுக்கு வெளியே ஒரு கிளிக்கைக் கேட்க எந்த காரணமும் இல்லை. காண்பிக்கப்படும் டிவியின் கால்பேக்கில் நிகழ்வு கேட்பவரைச் சேர்க்கவும். அதே நரம்பில், டிவ் மீண்டும் மறைக்கப்படும்போது, ​​நிகழ்வு கேட்பவரை அகற்றவும்.

கருப்பு பெட்டியின் உள்ளே டிவ் கிளிக் செய்யவும், எதுவும் நடக்காது. வெளியே கிளிக் செய்தால், அது மறைந்துவிடும் $ ('# ஷோபாக்ஸ்'). கிளிக் செய்யவும் (செயல்பாடு () {$ ('# பிக்பாக்ஸ்'). காட்டு (செயல்பாடு () {document.body.addEventListener ('கிளிக்', பாக்ஸ் க்ளோசர், பொய்);}) ;}); box boxCloser (e) {if (e.target.id! = 'bigbox') {document.body.removeEventListener ('கிளிக்', boxCloser, false); $ ( '# Bigbox') மறைக்க (). }}

மேலே உள்ள சில செயல்பாடுகள் அந்த நூலகத்தைப் பயன்படுத்துவதால், உங்கள் திட்டத்தில் jQuery ஐச் சேர்ப்பதை உறுதிப்படுத்தவும்.

W / javascript க்கு வெளியே கிளிக் செய்வதில் div அல்லது மெனுவை மூடு