জেকুয়েরি blur() মেথড
সংজ্ঞা এবং ব্যবহার
একটি এলিমেন্ট ফোকাস হারিয়ে ফেললে blur ইভেন্ট ঘটে।
blur() মেথড blur ইভেন্ট ট্রিগার করে, অথবা যখন blur ইভেন্ট ঘটে তখন একটি ফাংশন সংযুক্ত করে।
টিপস: এই মেথডটি focus() মেথডের সাথে প্রায়ই একত্রে ব্যবহার করা হয়।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).blur()
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে blur() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | ঐচ্ছিক। blur ইভেন্ট ঘটলে যে ফাংশনটি রান হবে সেটিকে নির্দেশ করে |
blur() মেথড সংক্রান্ত উদাহরণ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").blur(function(){
alert("ইনপুট ফিল্ডটি ফোকাস হারিয়েছে।");
});
});
</script>
</head>
<body>
<div>
<p>আপনার নাম লিখুনঃ <input type="text"></p>
<p>ইনপুট ফিল্ডের মধ্যে কিছু লিখুন, এবং ফোকাস(blur) হারানোর জন্য এর বাহিরে কোথাও ক্লিক করুন।</p>
</div>
</body>
</html>
ফলাফল
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color", "#aaa");
});
$("input").blur(function(){
$(this).css("background-color", "#fff");
});
});
</script>
</head>
<body>
নামঃ <input type="text"><br><br>
ঠিকানাঃ <input type="text">
</body>
</html>
ফলাফল