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

জেকুয়েরি one() মেথড

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




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

নির্বাচিত এলিমেন্টের জন্য one() মেথড এক বা একাধিক ইভেন্ট হ্যান্ডলার যোগ করে এবং ইভেন্ট ঘটলে একটি ফাংশন রান হতে নির্দেশ করে।

যখন one() মেথড ব্যবহার করা হয়, ইভেন্ট হ্যান্ডলার ফাংশন শুধুমাত্র একবারই রান হবে।


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

নিচের উদাহরনে one()মেথড ব্যবহার করার কারনে ইভেন্ট হ্যান্ডলার ফাংশন শুধুমাত্র একবার রান হবে

উদাহরণঃ

<!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(){
    $("p").one("click", function(){
        $(this).animate({fontSize: "+=6px"});
    });
});
</script>
</head>
<body>

<p>এটি একটি প্যারাগ্রাফ।</p>
<p>এটি অন্য আরেকটি প্যারাগ্রাফ।</p>
<p>টেক্সটের আকার বড় করার জন্য যেকোন p এলিমেন্টের মধ্যে ক্লিক করুন। এই ইভেন্টটি p এলিমেন্টের জন্য শুধুমাত্র একবারই ট্রিগার হবে।</p>

</body>
</html>
 

ফলাফল




দুইটি ইভেন্ট যুক্ত করা

কিভাবে <p> এলিমেন্টে দুইটি ইভেন্ট হ্যান্ডলার যুক্ত করা যায় ("click" এবং "dblclick") তা নিচের উদাহরনে দেখানো হলো

উদাহরণঃ

<!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(){
    $("p").one("click dblclick", function(){
        $(this).animate({fontSize: "+=6px"});
    });
});
</script>
</head>
<body>

<p>এটি একটি অনুচ্ছেদ</p>
<p>এটি অন্য একটি অনুচ্ছেদ</p>
<p> টেক্সট সাইজ বৃদ্ধি করতে p এলিমেন্টে ক্লিক অথবা ডাবল ক্লিক করুন।  প্রতিটি ইভেন্ট টাইপের, প্রতিটি এলিমেন্টের জন্য একবার করে ইভেন্ট হ্যান্ডলার ট্রিগার  করবে।</p>

</body>
</html>
 

ফলাফল




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