জেকুয়েরি event.stopImmediatePropagation() মেথড
সংজ্ঞা এবং ব্যবহার
event.stopImmediatePropagation() মেথড বাকি সকল ইভেন্ট হ্যান্ডলারের এক্সিকিউশন বন্ধ করে দেয়।
This method also stops the event from bubbling up the DOM tree.
টিপস: ইভেন্টের জন্য এই মেথডকে কল করা হয়েছে কিনা যাচাই করতে event.isImmediatePropagationStopped() মেথড ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
event.stopImmediatePropagation()
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে event.stopImmediatePropagation()() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| event | আবশ্যক। ইভেন্ট বাইন্ডিং ফাংশন থেকে event প্যারামিটারটি এসেছে। |
event.stopImmediatePropagation()() মেথড সংক্রান্ত উদাহরণ
প্রথম ইভেন্ট হ্যান্ডলার এক্সিকিউট হবে এবং বাকি ইভেন্ট হ্যান্ডলারের এক্সিকিউশন বন্ধ করা:
উদাহরণঃ
<!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(){
$("div").click(function(event){
alert("ইভেন্ট হ্যান্ডেলার ১ কার্যকর হয়েছে।");
event.stopImmediatePropagation();
});
$("div").click(function(event){
alert("ইভেন্ট হ্যান্ডেলার ২ কার্যকর হয়েছে।");
});
$("div").click(function(event){
alert("ইভেন্ট হ্যান্ডেলার ৩ কার্যকর হয়েছে।");
});
});
</script>
</head>
<body>
<div style="height:100px;width:300px;padding:10px;border:1px solid red;background-color:green;">এই ডিভ(div) এলিমেন্টের উপর ক্লিক করুন</div>
<p>দ্বিতীয় এবং তৃতীয় ক্লিক ইভেন্ট event.stopImmediatePropagation() কারণে কার্যকর করা হবে না। এই পদ্ধতি নিশ্চিহ্ন এবং দেখার জন্য সেখানে কি ঘটছে দেখার চেষ্টা করুন।</p>
</body>
</html>
ফলাফল