ফোকাস এবং চেঞ্জ ইভেন্ট (Focus & Change Event) :
পূর্বের পর্বে আমরা দেখেছি যে, যখন কোন Element Focus হারায় তখন blur event সংগঠিত হয়। একই ভাবে যখন কোন Element Focus পায় তখন Focus Event সংগঠিত হয় (Fire when an element is on focus or gain focus )। Focus এবং Bluer event কে একটি অপরটির বিপরীত event বলা যেতে পারে। এটি Form element (<input> , <select> etc) এবং link (<a href >) এর ক্ষেত্রে প্রযোজ্য।
Example :
<!DOCTYPE html>
<html>
<head>
<style>span {display:none;}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><input type="text" /> <span>focus fire</span></p>
<p><input type="password" /> <span>focus fire</span></p>
<script>
$("input").focus(function () {
$(this).next("span").css('display','inline').fadeOut(1000);
});
</script>
</body>
</html>
Demo :
চেঞ্জ ইভেন্ট : যখন কোন element এর value পরিবর্তন হয় তখন change event সংঘঠিত হয় (Fire when an element value is changed )। ধরুন একটি TextBox এ কিছু text আছে, আপনি তা BackSpace চেপে delete করছেন অর্থাৎ TextBox এর value পরিবর্তন করছেন। অথবা নতুন কোন text TextBox এ লিখছেন ঠিক তখনই ঐ TextBox টির change event সংঘঠিত হবে।
ListBox এর কথা ধরুন, যখন list এর কোন একটি item select করবেন তখন এর value ও পরিবর্তন হবে; ঠিক তকনই ListBox এর change event সংঘঠিত হবে।