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