জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি 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>

ফলাফল




« জেকুয়েরি ইভেন্ট মেথডসমুহ