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

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

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



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

নির্বাচিত এলিমেন্টের জন্য trigger() মেথড একটি ইভেন্টকে এবং ইভেন্টের নিজস্ব আচরণকে ট্রিগার করে।

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


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

$(selector).trigger(event,eventObj,param1,param2,...) 

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

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

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

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

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

উদাহরণঃ

<!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(" টেক্সট মার্ক হয়েছে!");
    });
    $("button").click(function(){
        $("input").trigger("select");
    });
});
 </script>
 </head>
 <body>

 <input type="text" value="হ্যালো বাংলাদেশ"> <br> <br>

 <button> ইনপুট ক্ষেত্রের জন্য ইভেন্ট নির্বাচন ট্রিগার </button>
 
</body>
</html>
 

ফলাফল




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

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

উদাহরণঃ

<!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").trigger("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>
 

ফলাফল




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