HTML DOM addEventListener() পদ্ধতিটি নির্দিষ্ট উপাদানের সাথে একটি ইভেন্ট হ্যান্ডলার সংযুক্ত করতে ব্যবহৃত হয়।
নিচের সিনট্যাক্স −
element.addEventListener(event, function, capture)
উপরে, পরামিতি অন্তর্ভুক্ত −
- ইভেন্ট: অনুষ্ঠানের নাম। প্রয়োজন।
- ফাংশন: ইভেন্ট ঘটলে চালানোর জন্য ফাংশন. প্রয়োজন।
- ক্যাপচার: ঘটনাটি ক্যাপচারিং পর্যায়ে কার্যকর করা উচিত কিনা। এটি একটি বুলিয়ান মান পরীক্ষা করে এবং প্রদর্শন করে; সত্য বা মিথ্যা।
আসুন এখন DOM addEventListener() পদ্ধতি -
বাস্তবায়নের জন্য একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html>
<html>
<body>
<h2>Demo Heading</h2>
<button id="btn">Click</button>
<p id="myid"></p>
<script>
var x = document.getElementById("btn");
x.addEventListener("mouseover", one);
x.addEventListener("click", two);
function one() {
document.getElementById("myid").innerHTML += "Button hovered! "
}
function two() {
document.getElementById("myid").innerHTML += "!!Button Clicked!! "
}
</script>
</body>
</html> আউটপুট
এখন, আপনি ক্লিক করলে, "বাটন ক্লিক করা হয়েছে" বার্তাটি প্রদর্শিত হবে। বোতামটি মাউস ঘোরালে, নিম্নলিখিত পাঠ্যটি প্রদর্শিত হবে:"বোতাম ঘোরাফেরা করা হয়েছে" -
