డిహెచ్టిఎల్ ఇవెంట్ హాండ్లర్స్
- ముందు పేజీ డిహెచ్టిఎల్ DOM
- తరువాత పేజీ డిహెచ్టిఎల్ సమీక్ష
మీరు ఏదైనా ఇవెంట్ జరగినప్పుడు ఏదైనా ఇవెంట్ హాండిలర్ ద్వారా ఏదైనా కార్యకలాపాన్ని చేపట్టవచ్చు.
ఉదాహరణ
注释:అధికారిక DHTML ఉదాహరణలు IE 4.0+、Netscape 7+ లేదా Opera 7+ అవసరం!
- onmouseover మరియు onmouseout
- ఎలా మీరు మౌస్ పింటర్ ఒక ఎలిమెంట్ పైనకు మరియు బయటకు తరలించినప్పుడు ఒక ఎలిమెంట్ రంగును మారుస్తారు.
- onclick
- ఎలా మీరు ఒక చిత్రాన్ని క్లిక్ చేసినప్పుడు చిత్రం మారుతుంది, మరియు మళ్ళీ క్లిక్ చేసినప్పుడు మొదటి చిత్రం తిరిగి వస్తుంది.
- onmousedown మరియు onmouseup
- ఈ సారి కేవలం మీరు మౌస్ బటన్ ను నొక్కినప్పుడు లైట్ చాలా మంచిది.
- onload
- పేజీ పూర్తిగా లోడ్ అయినప్పుడు ఒక పిప్పించే పప్పు ప్రదర్శించండి.
ఇవెంట్ హాండిలర్
ఒక ఇవెంట్ హాండిలర్ ద్వారా ఏదైనా ఇవెంట్ జరగినప్పుడు కొన్ని కార్యకలాపాలు చేపట్టవచ్చు: యువరు క్లిక్ చేసినప్పుడు, పేజీ లోడ్ అయినప్పుడు, ఒక ఫారమ్ సబ్మిట్ అయినప్పుడు మొదలుకొనే మొదలు.
<h1 onclick="style.color='red'">క్లిక్ చేయండి ఈ పాఠం</h1>
పైని ఉదాహరణ యువరు ఒక శీర్షికను క్లిక్ చేసినప్పుడు శీర్షిక ఎరుపు రంగులో మారుతుంది.
మీరు పేజీ హెడ్ భాగంలో ఒక స్క్రిప్ట్ జోడించవచ్చు మరియు ఏదైనా ఇవెంట్ హాండిలర్ ద్వారా ఫంక్షన్ అనువర్తించండి:
<html>
<head>
<script type="text/javascript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="changecolor()"
>క్లిక్ చేయండి ఈ పాఠం