If you're seeing this message, it means we're having trouble loading external resources on our website.

তোমার যদি কোন ওয়েব ফিল্টার দেওয়া থাকে, তাহলে দয়া করে নিশ্চিত কর যে *.kastatic.org এবং *.kasandbox.org ডোমেইনগুলো উন্মুক্ত।

মূল বিষয়বস্তু

কোর্স: কম্পিউটার প্রোগ্রামিং > অধ্যায় 7

পাঠ 5: জেকুয়েরি ব্যবহার করে DOM ইভেন্ট

পর্যালোচনা: জেকুয়েরিতে DOM ইভেন্টসমূহ

একটি ইভেন্ট লিসেনার যোগ করা

You can add an event listener using on():
    $("#save-button").on("click", function() {
       //হ্যান্ডেল ক্লিক ইভেন্ট
    });
ইভেন্ট সম্পর্কে আরও জানতে চাইলে, জেকুয়েরি ইভেন্ট অবজেক্ট দেখা উচিত যা কলব্যাক ফাংশনে পাঠানো হয়:
    $("#face-pic").on("click", function(event) {
       var mouseX = event.pageX;
       var mouseY = event.pageY;
    });

ইভেন্ট ট্রিগার করা

জাভাস্ক্রিপ্টে কোন অবজেক্টে ইভেন্ট ট্রিগার করার জন্য লেখতে হয়:
$("#save-button").trigger("click");
নতুন ফাংশন যাচাই করার জন্য এগুলো ব্যবহার করা হয় অথবা পেজ লোড ও কোন একটি ইভেন্টের পর কোন কোড চালানোর জন্য ট্রিগার অসাধারণ কাজ করে।

ডমের প্রস্তুতি যাচাইকরণ

ডম সম্পূর্ণভাবে লোড হওয়ার আগে ব্রাউজারে জেএস কোড না চালানোর জন্য, কোডকে ready() ফাংশনের ভেতরে লেখতে হবে:
    $(document).ready(function() {
      $("h1").text("Y'all ready for this?");
    });
এটির সংক্ষিপ্তরূপ হল জেকুয়েরি ফাংশনে কোড পাঠানো:
    $(function() {
      $("h1").text("Y'all ready for this?");
    });
এটি আগের কোডের মত বিস্তারিত নয়, কিন্তু তবুও, ready() ফাংশন ব্যবহার করা উচিত।
যদি পেজের নিচে <script> ট্যাগে জেএস নিযুক্ত করা হয়, তাহলে ডম জেএস চালানোর আগেই প্রস্তুত হয়ে যায়। কিন্তু, যদি একবারে নিশ্চিত হতে চাও, তাহলে তুমি যে কোন সময় ডমের প্রস্তুতি যাচাই করতে পারবে।

আরও ইভেন্ট পদ্ধতি

জেকুয়েরি ইভেন্ট সম্পর্কে আরও বিস্তারিত জানার জন্য, মৌলিক জেকুয়েরি ইভেন্ট পড়া উচিত।

আলোচনায় অংশ নিতে চাও?

কোন আলাপচারিতা নেই।
ইংরেজি জানো? খান একাডেমির ইংরেজি সাইটে আরো আলোচনা দেখতে এখানে ক্লিক কর।