JavaScript ఇవెంట్

హెచ్‌టిఎంఎల్ ఇంకా సంఘటనలు హెచ్‌టిఎంఎల్ ఎలమెంట్లపై జరిగే "చర్యలు" ఉంటాయి.

హెచ్‌టిఎల్ పేజీలో జావాస్క్రిప్ట్ ఉపయోగించినప్పుడు, జావాస్క్రిప్ట్ ఈ సంఘటనలను "ముందుకు తీసుకువెళుతుంది".

హెచ్‌టిఎంఎల్ ఇంకా సంఘటనలు

హెచ్‌టిఎంఎల్ ఇంకా సంఘటనలు బ్రౌజర్ లేదా వినియోగదారు చేసే కొన్ని చర్యలు ఉంటాయి.

హెచ్‌టిఎంఎల్ ఇంకా సంఘటనల కొన్ని ఉదాహరణలు ఈ క్రింద ఉన్నాయి:

  • హెచ్‌టిఎంఎల్ పేజీ పూర్తిగా లోడు చేయబడింది
  • హెచ్‌టిఎంఎల్ ఇన్‌పుట్ ఫీల్డ్ మార్చబడింది
  • హెచ్‌టిఎంఎల్ బటన్ ను నొక్కబడింది

సాధారణంగా, ఇంకా సంఘటన జరగించినప్పుడు, వినియోగదారు ఏదో చేయాలని కోరుతుంది.

జావాస్క్రిప్ట్ ఇంకా సంఘటనలను గుర్తించినప్పుడు కోడ్ నిర్వహించవచ్చు.

జావాస్క్రిప్ట్ కోడ్ ద్వారాహెచ్‌టిఎంఎల్ ఎలమెంట్లకు ఇంకా సంఘటన ప్రతిస్పందించే ప్రోగ్రామ్స్ జోడించవచ్చు.

ఒక్క టీగురుతో ఉపయోగించండి:

<element event='కొన్ని జావాస్క్రిప్ట్>

ద్విటీగురులతో ఉపయోగించండి:

<element event="కొన్ని జావాస్క్రిప్ట్">

ఈ క్రింది ఉదాహరణలో కొనసాగించండిonclick అంశం (మరియు కోడ్) కు జోడించబడింది <button> ఎలమెంట్:

ఉదాహరణ

<button onclick='document.getElementById("demo").innerHTML=Date()'>ఇప్పుడు సమయం ఏమిటి?</button>

మీరు స్వయంగా ప్రయోగించండి

ఈ ముంది ఉదాహరణలో, జావాస్క్రిప్ట్ కోడ్ id="demo" యొక్క ఎలమెంట్ యొక్క కంటెంట్ ను మార్చింది.

ఈ క్రింది ఉదాహరణలో కోడ్ (ఉపయోగించబడింది this.innerHTML)తన స్వంత ఎలమెంట్ యొక్క కంటెంట్ ను మార్చింది:

ఉదాహరణ

<button onclick="this.innerHTML=Date()">ఇప్పుడు సమయం ఏమిటి?</button>

మీరు స్వయంగా ప్రయోగించండి

జావాస్క్రిప్ట్ కోడ్ అనేక పంక్తుల్లో ఉంటుంది. ఇంకా సంఘటన ప్రతిస్పందించే ఫంక్షన్లను కాల్ చేయడం సాధారణం:

ఉదాహరణ

<button onclick="displayDate()">ఇప్పుడు సమయం ఏమిటి?</button>

మీరు స్వయంగా ప్రయోగించండి

హెచ్‌టిఎంఎల్ సాధారణ ఇంకా సంఘటనలు

హెచ్‌టిఎంఎల్ సాధారణ ఇంకా సంఘటనలు ఈ క్రింద ఉన్నాయి:

ఇంకా సంఘటన వివరణ
onchange హెచ్‌టిఎంఎల్ ఎలమెంట్ మార్చబడింది
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载

更完整的列表:CodeW3C.com JavaScript 参考手册 HTML DOM 事件

JavaScript 能够做什么?

事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作:

  • 每当页面加载时应该做的事情
  • 当页面被关闭时应该做的事情
  • 当用户点击按钮时应该被执行的动作
  • యూజర్ ఇన్‌పుట్ నిర్వచించబడిన విషయాలను పరిశీలించాలి
  • మరియు మరియు మరియు

జావాస్క్రిప్ట్ సంఘటనలను నిర్వహించడానికి వివిధ పద్ధతులు ఉన్నాయి:

  • ఎల్‌ఎమ్‌ఎల్ ఇవెంట్ అట్రిబ్యూట్స్ జావాస్క్రిప్ట్ కోడ్స్ అమలు చేయవచ్చు
  • ఎల్‌ఎమ్‌ఎల్ ఇవెంట్ అట్రిబ్యూట్స్ జావాస్క్రిప్ట్ ఫంక్షన్స్ కాల్ చేయవచ్చు
  • మీరు స్వంత ఇవెంట్ హాండ్లర్స్ ను ఎల్‌ఎమ్‌ఎల్ ఎలిమెంట్స్‌కు కేటాయించవచ్చు
  • మీరు సంఘటనలను పంపడానికి లేదా నిర్వహించడానికి నిరోధించవచ్చు
  • మరియు మరియు మరియు

మీరు ఎల్‌ఎమ్‌ఎల్ డామిన్ చాప్టర్‌లో సంఘటనలు మరియు సంఘటన నిర్వహణకర్తలపై మరింత తెలుసుకోవచ్చు.