JavaScript events in Hindi Part 9
JavaScript in Hindi : Events
JavaScript events
- Introduction to JavaScript events in Hindi
- JavaScript event handlers in Hindi
- Different types of JavaScript events in Hindi
Introduction to JavaScript events
Events की मदद से आप अपने webpage को इस तरह design कर सकते है की आपका webpage यूज़र की activity को respond कर सके और उसके अनुसार जरुरी बदलाव कर सके। Events को यूज़ करने से आपका webpage और भी dynamic और interactive बन जाता है।
ज्यादातर events यूज़र के द्वारा generated होते है। अब तक आपने जितने भी webpage बनाए होंगे वो एक बार में ही पूरी तरह load हो जाते है। मतलब webpage में ऐसा कोई हिस्सा नहीं होता जो load होना बाकी हो। लेकिन ऐसा हो सकता है की आप कुछ information यूज़र के हिसाब से load करना चाहते है। जैसे की यूज़र किसी link पर click करे या menu में से कोई item select करे तो उसके according page में बदलाव आ जाये। ऐसा आप events की मदद से कर सकते है।
हर event को आप HTML attribute की तरह यूज़ कर सकते है और उस tag से related सभी events handle कर सकते है। जैसे की button से related आप onClick() event यूज़ कर सकते है। जैसे ही यूज़र button पर click करें तो कोई action ले सकते है।
उदाहरण के लिए यदि आप webpage में कोई alert box add करते है तो वह webpage के load होते ही show हो जाता है। लेकिन आप चाहते है की वो alert box तब show हो जब यूज़र किसी button या link पर click करे तो इसके लिए आप events को use करेंगे। निचे दिए गए उदाहरण को देखिये।
उपर दिए गए उदाहरण में जब webpage load होगा तो उसी के साथ alert box भी load होगा इसे आप dynamic webpage नहीं कह सकते है। ये script निचे दिया गया web page generate करती है।
ऊपर दिए गए example को नीचे onclick event के साथ दिया गया है।
ये script निचे दिया गया web page generate करती है।
Events को यूज़ करना बहुत ही आसान है। लेकिन events को यूज़ करने से पहले आपको कुछ common JavaScript events के बारे में जानने की आवश्यकता है।
ज्यादातर events यूज़र के द्वारा generated होते है। अब तक आपने जितने भी webpage बनाए होंगे वो एक बार में ही पूरी तरह load हो जाते है। मतलब webpage में ऐसा कोई हिस्सा नहीं होता जो load होना बाकी हो। लेकिन ऐसा हो सकता है की आप कुछ information यूज़र के हिसाब से load करना चाहते है। जैसे की यूज़र किसी link पर click करे या menu में से कोई item select करे तो उसके according page में बदलाव आ जाये। ऐसा आप events की मदद से कर सकते है।
हर event को आप HTML attribute की तरह यूज़ कर सकते है और उस tag से related सभी events handle कर सकते है। जैसे की button से related आप onClick() event यूज़ कर सकते है। जैसे ही यूज़र button पर click करें तो कोई action ले सकते है।
उदाहरण के लिए यदि आप webpage में कोई alert box add करते है तो वह webpage के load होते ही show हो जाता है। लेकिन आप चाहते है की वो alert box तब show हो जब यूज़र किसी button या link पर click करे तो इसके लिए आप events को use करेंगे। निचे दिए गए उदाहरण को देखिये।
| <html> <head> <title>Events Demo 1</title> <script type="text/javascript"> alert("Hello, This is a alert box without events. This will load with the webpage."); </script> </head> <body> <p> If you want to show this alert box according to a situation then you should use events</p> </body> </html> |
उपर दिए गए उदाहरण में जब webpage load होगा तो उसी के साथ alert box भी load होगा इसे आप dynamic webpage नहीं कह सकते है। ये script निचे दिया गया web page generate करती है।
ऊपर दिए गए example को नीचे onclick event के साथ दिया गया है।
function message()
{
alert("This alert box will be displayed when some on clicks on link.");
}
<a href="##" onclick="message();">Click Here</a>
</body>
</html>
|
ये script निचे दिया गया web page generate करती है।
इस उदाहरण में alert box show करने के लिए event का यूज़ किया गया है। इस webpage में alert box तब ही load होगा जब यूज़र link पर click करेगा।
Common JavaScript events
JavaScript events को अलग अलग categories में divide किया गया है। जैसे की mouse से related events mouse events की category में आते है और form से related events form events की category में आते है। JavaScript events की mostly 5 categories होती है। इनके बारे में नीचे दिया जा रहा है।
JavaScript के कुछ common events के बारे में नीचे दिया जा रहा है। ये वो events है जो regularly यूज़ किये जाते है।
जैसे ही component में कोई change होता है ये event script को execute कर देता है। जैसे की list में से कोई दूसरा item select किया जाये।
|
|
जब यूज़र text को select करता है तो ये event define किये गए function को call करता है।
|
|
जैसे ही component पर mouse को ले जाया जाता है script execute हो जाती है।
|
|
जैसे ही component से mouse को हटाया जाता है ये event script को execute कर देता है।
|
|
जैसे ही page की loading complete होती है script execute हो जाती है।
|
|
जैसे ही browser में कोई नयी window खोली जाती है ये event script को execute कर देता है।&nbsnbsp;
|
|
जैसे ही form को submit किया जाता है ये event defined function को call कर देता है।
|
java tutorial
ReplyDeletejava tutorial
ReplyDelete