ব্লুয়ার ইভেন্ট (Blur Event) :
আমরা যারা বিভিন্ন software এ কাজ করেছি তারা সবাই হয়ত লক্ষ্য করেছি যে tab key press করার সাথে সাথে Focus এক object থেকে অন্য object এ move করে। এক object থেকে Focus যখন অন্য object এ move করে তখন যে event টি সংঘঠিত হয় তাকে blur event বলে। অর্থাৎ যখন কোন element তার focus loss করে তখন blur event সংঘঠিত হয় (Fire when an element is loses focus)। .blur() method টি .bind('blur', handler) এর সংক্ষিপ্ত রুপ। .bind() নিয়ে পরবর্তীকে আলোচনা করা হবে।
সীমাবদ্ধতা :
- এই ইভেন্টটি শুধু মাত্র Form element এর জন্য প্রযোজ্য। যেমন : <input>, <button> ইত্যাদি।
- এটি internet explorer supported নয়।
- version ভেদে -এর format এর কিছু পরিবর্তন রয়েছে।
Example :
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>Click in the input field to get focus, and outside the
input field to lose focus (blur).</p>
</body>
</html>
ফলাফল(output):
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>Click in the input field to get focus, and outside the input field to lose focus (blur).</p> </body> </html>
ফলাফল(output):
TextBox এ click করার পূর্বে :
Focus TextBox এ থাকা অবস্থায় :
Focus TextBox থেকে চলে যাওয়ার পর :
লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।