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

জেকুয়েরি dblclick() ইভেন্ট

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



সংজ্ঞা এবং ব্যবহার

একটি এলিমেন্টকে ডাবল-ক্লিক করলে dblclick ইভেন্ট ঘটে।

dblclick() মেথড dblclick ইভেন্ট ট্রিগার করে, অথবা dblclick ইভেন্ট ঘটলে রান করার জন্য একটি ফাংশন সংযুক্ত করে।

টিপস: dblclick ইভেন্ট একটি click ইভেন্টও তৈরি করে। যদি দুইটি ইভেন্টই একসাথে একই এলিমেন্টে ব্যবহার করা হয় তবে সমস্যা হতে পারে।


সিনট্যাক্স ও ব্যাখ্যা

$(selector).dblclick()

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে dblclick() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
function ঐচ্ছিক। dblclick ইভেন্ট ঘটলে যে ফাংশনটি রান হবে সেটিকে নির্দেশ করে

dblclick()মেথড সংক্রান্ত উদাহরণ

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("span").dblclick(function(){
        alert("span এলিমেন্টটিতে দুইবার ক্লিক করা হয়েছে।");
    });
});
</script>
</head>
<body>

<span>এখানে দুইবার ক্লিক করুন!</span>
</body>
</html>

ফলাফল




উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("span").dblclick(function(){
        $(this).fadeOut();
    });
});
</script>
</head>
<body>

<span>অনুচ্ছেদটি বিলুপ্ত করতে দুইবার ক্লিক করুন।</span>

</body>
</html>

ফলাফল




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