ஜாவாஸ்கிரிப்டில் நிகழ்வுகள் என்ன, அவை எவ்வாறு கையாளப்படுகின்றன?

ஜாவாஸ்கிரிப்டில் நிகழ்வுகள் ஒரு வலைப்பக்கத்திற்கு ஒரு மாறும் இடைமுகத்தை வழங்குகின்றன. இந்த நிகழ்வுகள் ஆவண பொருள் மாதிரியில் (DOM) உள்ள உறுப்புகளுடன் இணைக்கப்பட்டுள்ளன.

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

ஜாவாஸ்கிரிப்டில் நிகழ்வுகள் என்ன?

ஜாவாஸ்கிரிப்ட் ஒரு வலைப்பக்கத்திற்கு மாறும் இடைமுகத்தை வழங்கும் நிகழ்வுகளைக் கொண்டுள்ளது. இந்த நிகழ்வுகள் உள்ள உறுப்புகளுடன் இணைக்கப்பட்டுள்ளன ஆவண பொருள் மாதிரி (ஜட்ஜ்மென்ட்).



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

ஜாவாஸ்கிரிப்டில் நிகழ்வுகள் வகைகள்

இல் பல்வேறு வகையான நிகழ்வுகள் உள்ளன அவை நிகழ்வுகளுக்கு எதிர்வினையாற்ற பயன்படுகின்றன. இங்கே, பிரபலமான அல்லது பொதுவாக பயன்படுத்தப்படும் சில நிகழ்வுகளைப் பற்றி விவாதிப்போம்:

  • ஒன்க்லிக்
  • ஒன்கீப்
  • Onmouseover
  • ஆன்லோட்
  • ஆன்ஃபோகஸ்

எனவே ஜாவாஸ்கிரிப்டில் இந்த நிகழ்வுகளை எடுத்துக்காட்டுவோம்.

Onclick நிகழ்வு

ஒன்க்லிக் நிகழ்வு ஒரு சுட்டி நிகழ்வு மற்றும் பயனர் அது கட்டப்பட்டிருக்கும் உறுப்பைக் கிளிக் செய்தால் வரையறுக்கப்பட்ட எந்த தர்க்கத்தையும் தூண்டுகிறது. ஒரு எடுத்துக்காட்டு எடுத்து அது எவ்வாறு செயல்படுகிறது என்பதைப் பார்ப்போம்:

செயல்பாடு edu () {எச்சரிக்கை ('எடுரேகாவுக்கு வருக!') Button பொத்தானைக் கிளிக் செய்க

வெளியீடு:

வெளியீடு 1 - ஜாவாஸ்கிரிப்டில் நிகழ்வுகள் - எடுரேகா

பொத்தானைக் கிளிக் செய்த பிறகு, பின்வரும் எச்சரிக்கை செய்தியைப் பெறுவீர்கள்:

Onekeyup நிகழ்வு

இந்த நிகழ்வு ஒரு விசைப்பலகை நிகழ்வு மற்றும் ஒரு விசையை அழுத்திய பின் வெளியிடப்படும் போதெல்லாம் வழிமுறைகளை இயக்க இது பயன்படுகிறது. பின்வரும் எடுத்துக்காட்டு நிகழ்வின் செயல்பாட்டைக் காட்டுகிறது:

var a = 0 var b = 0 var c = 0 function changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 if (a> 255) a = a - b if (b> 255) b = a if (c> 255) c = b}

வெளியீடு:

நீங்கள் ஏதாவது எழுதிய பிறகு, இது போல் தெரிகிறது:

Onmouseover நிகழ்வு

ஜாவாஸ்கிரிப்ட்டில் உள்ள ஓன்மவுஸ்ஓவர் நிகழ்வு, உறுப்பு மற்றும் அதன் குழந்தைகள் மீது மவுஸ் சுட்டிக்காட்டி வட்டமிடுவதை ஒத்துள்ளது. உதாரணம் கீழே காட்டப்பட்டுள்ளது:

செயல்பாடு hov () {var e = document.getElementById ('மிதவை') e.style.display = 'none'}

வெளியீடு:

சுட்டியை நகர்த்துவதற்கு முன் வண்ண பெட்டி தோன்றும். பெட்டியின் மேல் சுட்டியை நகர்த்தியவுடன், அது மறைந்துவிடும்.

ஆன்லோட் நிகழ்வு

ஒரு உறுப்பு முழுவதுமாக ஏற்றப்படும் போது ஆன்லோட் நிகழ்வு தூண்டப்படுகிறது. ஒரு எடுத்துக்காட்டு எடுத்து அது எவ்வாறு செயல்படுகிறது என்பதைப் பார்ப்போம்:

  edu-Logo 

வெளியீடு:

Onfocus நிகழ்வு

Onfocus நிகழ்வில் ஒரு உறுப்பு பட்டியல் உள்ளது, இது கவனம் பெறும் போதெல்லாம் வழிமுறைகளை இயக்கும். பின்வரும் எடுத்துக்காட்டு ஆன்ஃபோகஸ் நிகழ்வு எவ்வாறு செயல்படுகிறது என்பதைக் காட்டுகிறது:

செயல்பாடு கவனம் செலுத்தியது () {var e = document.getElementById ('உள்ளீடு') if (உறுதிப்படுத்தினால் ('நிகழ்வு கவனம்')) {e.blur ()}}

உள்ளீட்டு பெட்டியில் கவனம் செலுத்துங்கள்:

வெளியீடு:

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

system.exit (0) நிரலை நிறுத்த பயன்படுத்தலாம்.

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

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? தயவுசெய்து இந்த வலைப்பதிவின் கருத்துகள் பிரிவில் குறிப்பிடவும், நாங்கள் உங்களிடம் திரும்புவோம்.