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