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

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

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



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

নির্বাচিত এলিমেন্টের জন্য triggerHandler() মেথড নির্দিষ্ট ইভেন্টকে ট্রিগার করে।

এই মেথডটি trigger() মেথডের মতই, শুধুমাত্র trigger() মেথড ইভেন্টের নিজস্ব আচরণকে ট্রিগার করে।


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

$(selector).triggerHandler(event,param1,param2,...) 

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

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

প্যারামিটার বিবরণ
event আবশ্যক। নির্দিষ্ট এলিমেন্টের জন্য নির্দিষ্ট ইভেন্টকে ট্রিগার করে।
param1,param2,... ঐচ্ছিক। ইভেন্ট হ্যান্ডলারে অতিরিক্ত প্যারামিটার পাস করা।
অতিরিক্ত প্যারামিটার কাস্টম ইভেন্টের জন্য উপকারী।

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

<input> এলিমেন্টের select ইভেন্টকে ট্রিগার:

উদাহরণঃ

<!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").select(function(){
        $("input").after(" Select event triggeaqua!");
    });
    $("button").click(function(){
        $("input").triggerHandler("select");
    });
});
 </script>
 </head>
 <body>

 <input type="text" value="Hello World"> <br> <br>
 <button>Trigger the select event for the input field </button>


</body>
</html>
 

ফলাফল




কাস্টম ইভেন্টে অতিরিক্ত প্যারামিটার পাস

triggerHandle() মেথড ব্যবহার করে কিভাবে কাস্টম ইভেন্ট হ্যান্ডলারে অতিরিক্ত প্যারামিটার পাস করা যায় তা নিচে র উদাহরনে দেখানো হলো।

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>

 <title>জেকুয়েরির উদাহরণ </title>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script>
 <script>
$(document).ready(function(){
    $("p").click(function(){
        $("p").on("myPara", function(event, param1, param2, param3){
        alert(param1 + "\n" + param2 + "\n" + param3);
    });
    $("p").triggerHandler("myPara", ['Pass', 'Along', 'Parameters']);
    });
});
 </script>
 </head>
 <body>

 <p> অতিরিক্ত প্যারামিটার অ্যালার্ট পেতে ক্লিক করুন। </p>
</body>
</html>
 

ফলাফল




trigger() এবং triggerHandler() এর মধ্যে পার্থক্য
trigger() এবং triggerHandler() এর মধ্যে পার্থক্যের বর্ণনা।

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>

 <title>জেকুয়েরির উদাহরণ </title>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script>
 <script>
$(document).ready(function(){
    $("input").select(function(){
        $("input").after(" টেক্সট মার্ক হয়েছে!");
    });
    $("#btn1").click(function(){
        $("input").trigger("select");
    });
    $("#btn2").click(function(){
        $("input").triggerHandler("select");
    });
});
 </script>
 </head>
 <body>

 <p>trigger() এবং triggerHandler() এর মধ্যে পার্থক্য দেখতে প্রতিটি বাটনের মধ্যে ক্লিক করুন </p>
 <p> <input type="text" value="হ্যালো বাংলাদেশ"> </p>
 <button id="btn1">trigger() </button>
 <button id="btn2">triggerHandler() </button>

</body>
</html>
 

ফলাফল




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