ஒரு நிகழ்வு ஒரு முக்கியமான பகுதியாகும் நிகழ்ந்த ஒரு நிகழ்வின் படி ஒரு வலைப்பக்கம் பதிலளிக்கிறது. சில நிகழ்வுகள் பயனர் உருவாக்கியவை மற்றும் சில API களால் உருவாக்கப்படுகின்றன. இந்த கட்டுரையில், நிகழ்வுகள் எவ்வாறு நிகழ்கின்றன மற்றும் ஜாவாஸ்கிரிப்ட்டில் addEventListener பின்வரும் வரிசையில் எவ்வாறு பயன்படுத்தப்படுகிறது என்பதைப் பார்ப்போம்:
- நிகழ்வு கேட்பவர் என்றால் என்ன?
- ஜாவாஸ்கிரிப்டில் AddEventListener ()
- அளவுரு மதிப்புகள்
- ஜாவாஸ்கிரிப்டில் AddEventListener: எடுத்துக்காட்டு
நிகழ்வு கேட்பவர் என்றால் என்ன?
நிகழ்வு கேட்பவர் என்பது ஜாவாஸ்கிரிப்டில் உள்ள ஒரு செயல்முறையாகும், இது ஒரு நிகழ்வு நிகழும் வரை காத்திருக்கிறது. ஒரு எளிய எடுத்துக்காட்டு நிகழ்வு ஒரு பயனர் சுட்டியைக் கிளிக் செய்வது அல்லது விசைப்பலகையில் ஒரு விசையை அழுத்துவது.
தி addEventListener () ஒரு உள்ளமைக்கப்பட்ட ஜாவாஸ்கிரிப்ட் செயல்பாடு இது நிகழ்வைக் கேட்க எடுக்கும், மேலும் விவரிக்கப்பட்ட நிகழ்வு நீக்கப்படும் போதெல்லாம் இரண்டாவது வாதம் அழைக்கப்படும். தற்போதுள்ள நிகழ்வு கையாளுபவர்களை மேலெழுதாமல் எந்தவொரு நிகழ்வு கையாளுபவர்களையும் ஒரு உறுப்புடன் சேர்க்கலாம்.
ஜாவாஸ்கிரிப்டில் addEventListener ()
அவற்றில் சில அம்சங்கள் நிகழ்வு கேட்பவரின் முறை பின்வருமாறு:
- தி addEventListener () முறை ஒரு இணைக்கிறது நிகழ்வு கையாளுநர் குறிப்பிட்ட உறுப்புக்கு.
- இந்த முறை ஒரு நிகழ்வு கையாளுபவர் இல்லாமல் ஒரு உறுப்புடன் இணைகிறது மேலெழுதும் ஏற்கனவே உள்ள நிகழ்வு கையாளுபவர்கள்.
- நீங்கள் சேர்க்கலாம் பல நிகழ்வு கையாளுபவர்கள் ஒரு உறுப்புக்கு.
- பல நிகழ்வு கையாளுபவர்களை நீங்கள் சேர்க்கலாம் ஒரே வகை ஒன்றுக்கு உறுப்பு , அதாவது இரண்டு “கிளிக்” நிகழ்வுகள்.
- நிகழ்வு கேட்பவர்களை எந்த இடத்திலும் சேர்க்கலாம் தீர்ப்பு பொருள் HTML கூறுகள் மட்டுமல்ல. அதாவது சாளர பொருள்.
- AddEventListener () முறை அதை உருவாக்குகிறது எளிதானது எப்படி கட்டுப்படுத்த நிகழ்வு வினைபுரிகிறது குமிழ் செய்ய.
AddEventListener () முறையைப் பயன்படுத்தும் போது, ஜாவாஸ்கிரிப்ட் இருந்து பிரிக்கப்படுகிறது மார்க்அப், சிறந்த வாசிப்புக்காக மற்றும் நீங்கள் HTML மார்க்அப்பைக் கட்டுப்படுத்தாவிட்டாலும் நிகழ்வு கேட்பவர்களைச் சேர்க்க உங்களை அனுமதிக்கிறது.
மேலும், ஒரு நிகழ்வைக் கேட்பவரைப் பயன்படுத்தி எளிதாக அகற்றலாம் removeEventListener () முறை .
தொடரியல்:
target.addEventListener (வகை, கேட்பவர் [, விருப்பங்கள்]) target.addEventListener (வகை, கேட்பவர் [, useCapture]) target.addEventListener (வகை, கேட்பவர் [, useCapture, wantUntrusted])
அளவுரு மதிப்புகள்
| அளவுரு | விளக்கம் |
நிகழ்வு | தேவை. நிகழ்வின் பெயரைக் குறிப்பிடும் ஒரு சரம். குறிப்பு: “ஆன்” முன்னொட்டைப் பயன்படுத்த வேண்டாம். எடுத்துக்காட்டாக, “onclick” க்கு பதிலாக “கிளிக்” ஐப் பயன்படுத்தவும். அனைத்து HTML DOM நிகழ்வுகளின் பட்டியலுக்கு, எங்கள் முழுமையான HTML DOM நிகழ்வு பொருள் குறிப்பைப் பாருங்கள். |
செயல்பாடு | தேவை. நிகழ்வு நிகழும்போது இயக்க வேண்டிய செயல்பாட்டைக் குறிப்பிடுகிறது. நிகழ்வு நிகழும்போது, ஒரு நிகழ்வு பொருள் முதல் அளவுருவாக செயல்பாட்டிற்கு அனுப்பப்படுகிறது. நிகழ்வின் வகை பொருள் குறிப்பிட்ட நிகழ்வைப் பொறுத்தது. எடுத்துக்காட்டாக, “கிளிக்” நிகழ்வு மவுஸ்இவென்ட் பொருளுக்கு சொந்தமானது. |
useCapture | விரும்பினால். நிகழ்வைக் கைப்பற்றுவதா அல்லது குமிழி கட்டத்தில் செயல்படுத்த வேண்டுமா என்பதைக் குறிப்பிடும் பூலியன் மதிப்பு. உபுண்டுவில் ஹடூப் அமைத்தல் சாத்தியமான மதிப்புகள்: உண்மை - நிகழ்வைக் கையாளுபவர் கைப்பற்றும் கட்டம்- இயல்புநிலையில் செயல்படுத்தப்படுகிறது. நிகழ்வு கையாளுதல் குமிழ் கட்டத்தில் செயல்படுத்தப்படுகிறது |
நிகழ்வு கேட்பவர் எவ்வாறு செயல்படுகிறார் என்பது இப்போது உங்களுக்குத் தெரியும், ஜாவாஸ்கிரிப்டில் உள்ள addEventListener () இன் உதாரணத்தைப் பார்ப்போம்.
ஜாவாஸ்கிரிப்டில் addEventListener (): எடுத்துக்காட்டு
& lt! DOCTYPE html & gt & lthtml & gt & ltbody & gt & ltp & gt இந்த எடுத்துக்காட்டு ஒரு பயனர் ஒரு பொத்தானைக் கிளிக் செய்யும் போது ஒரு செயல்பாட்டை இயக்க addEventListener () முறையைப் பயன்படுத்துகிறது. & lt / p & gt & ltbutton id = 'myBtn' & ('myBtn'). 
இதன் மூலம், ஜாவாஸ்கிரிப்டில் இந்த addEventListener இன் முடிவுக்கு வருகிறோம். நிகழ்வு கேட்பவர் எப்படி புரிந்துகொண்டார் என்று நம்புகிறேன் முறை ஜாவாஸ்கிரிப்டில் வேலை செய்கிறது.
எங்கள் பாருங்கள் இது பயிற்றுவிப்பாளர் தலைமையிலான நேரடி பயிற்சி மற்றும் நிஜ வாழ்க்கை திட்ட அனுபவத்துடன் வருகிறது. இந்த பயிற்சி பின்-முனை மற்றும் முன்-வலை வலை தொழில்நுட்பங்களுடன் பணிபுரியும் திறன்களில் நீங்கள் தேர்ச்சி பெறுகிறது. வலை அபிவிருத்தி, jQuery, கோணல், நோட்ஜெஸ், எக்ஸ்பிரஸ்ஜேஎஸ் மற்றும் மோங்கோடிபி பற்றிய பயிற்சி இதில் அடங்கும்.
எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'ஜாவாஸ்கிரிப்டில் addEventListener' வலைப்பதிவின் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.