DOM event
ডিওএম (ডকুমেন্ট অবজেক্ট মডেল) ইভেন্টগুলি একটি সংকেত যে কিছু ঘটেছে, বা ঘটছে, এবং ব্যবহারকারীর মিথস্ক্রিয়া বা ব্রাউজার দ্বারা ট্রিগার করা যেতে পারে। জাভাস্ক্রিপ্ট, জে. এস. স্ক্রিপ্ট, ভি. বি. এস. স্ক্রিপ্ট এবং জাভার মতো ক্লায়েন্ট-সাইড স্ক্রিপ্টিং ভাষাগুলি এইচ. টি. এম. এল, এক্স. এইচ. টি. এম. এল, এক্স. ইউ. এল এবং এস. ভি. জি নথির মতো ডি. ও. এম গাছের অভ্যন্তরে উপাদান নোডগুলিতে বিভিন্ন ইভেন্ট হ্যান্ডলার বা শ্রোতাদের নিবন্ধন করতে পারে। ডিওএম ইভেন্টের উদাহরণগুলিঃ যখন কোনও ব্যবহারকারী মাউসে ক্লিক করেন যখন কোনও ওয়েব পেজ লোড হয়ে যায় যখন কোনও ছবি লোড হয়ে যায় যখন মাউস কোনও উপাদানের উপর দিয়ে চলে যায় যখন কোনও ইনপুট ক্ষেত্র পরিবর্তন করা হয় যখন কোনও এইচটিএমএল ফর্ম জমা দেওয়া হয় যখন কোনও ব্যবহারকারী কোনও কী টিপেন ঐতিহাসিকভাবে, যেমন ডিওএম, বিভিন্ন ওয়েব ব্রাউজার দ্বারা ব্যবহৃত ইভেন্ট মডেলগুলির কিছু উল্লেখযোগ্য পার্থক্য ছিল যা সামঞ্জস্য সমস্যা সৃষ্টি করেছিল। এর বিরুদ্ধে লড়াই করার জন্য, ইভেন্ট মডেলটি ডিওএম লেভেল 2-এ ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম (ডব্লিউ3সি) দ্বারা প্রমিত করা হয়েছিল। ইভেন্ট এইচটিএমএল ইভেন্ট সাধারণ ইভেন্ট ইভেন্টগুলির একটি বিশাল সংগ্রহ রয়েছে যা বেশিরভাগ উপাদান নোড দ্বারা তৈরি করা যেতে পারেঃ মাউস ইভেন্ট। কীবোর্ড ইভেন্ট। এইচটিএমএল ফ্রেম/অবজেক্ট ইভেন্ট। এইচ. টি. এম. এল ইভেন্ট গঠন করে। ইউজার ইন্টারফেস ইভেন্ট। মিউটেশন ইভেন্ট (কোনও নথির কাঠামোর যে কোনও পরিবর্তনের বিজ্ঞপ্তি)। অগ্রগতি ইভেন্ট (এক্স. এম. এল. এইচ. টি. টি. পি. রিকুয়েস্ট, ফাইল এ. পি. আই, দ্বারা ব্যবহৃত)। লক্ষ্য করুন যে উপরের ইভেন্টের শ্রেণিবিন্যাস ঠিক ডাব্লু3সি-র শ্রেণিবিন্যাসের মতো নয়। লক্ষ্য করুন যে যে ইভেন্টগুলির নাম "ডিওএম" দিয়ে শুরু হয় সেগুলি বর্তমানে ভালভাবে সমর্থিত নয় এবং এই এবং অন্যান্য পারফরম্যান্সের কারণে ডিওএম লেভেল 3-এ ডাব্লু3সি দ্বারা অবহেলিত হয়। মোজিলা এবং অপেরা সমর্থন করে ডিওএমএটিআরমডিফাইড, ডিওএমএনওডিআইন্সার্ট, ডিওএমএনওডিআরমভড এবং ডিওএমসিফ্যাক্টরডেটামডিফাইড। ক্রোম এবং সাফারি এই ইভেন্টগুলিকে সমর্থন করে, ডিওএমএটিআরমডিফাইড ছাড়া। অ্যাপলের আইওএস এবং গুগলের অ্যান্ড্রয়েডের মতো স্পর্শ-সক্ষম ডিভাইসে চলমান স্পর্শ ইভেন্ট ওয়েব ব্রাউজারগুলি অতিরিক্ত ইভেন্ট তৈরি করে। ডাব্লু3সি খসড়া সুপারিশে, একটি টাচইভেন্ট স্পর্শের অবস্থানগুলির একটি টাচলিস্ট, সক্রিয় পরিবর্তনকারী কীগুলি, লক্ষ্যযুক্ত ডিওএম উপাদানের মধ্যে স্পর্শের অবস্থানগুলির একটি টাচলিস্ট এবং স্পর্শের অবস্থানগুলির একটি টাচলিস্ট সরবরাহ করে যা পূর্ববর্তী টাচইভেন্ট থেকে পরিবর্তিত হয়েছে। অ্যাপল এই ওয়ার্কিং গ্রুপে যোগ দেয়নি এবং সুপারিশ প্রক্রিয়ায় দেরিতে পেটেন্ট প্রকাশ করে তার টাচ ইভেন্টস স্পেসিফিকেশনের ডাব্লু 3 সি সুপারিশকে বিলম্বিত করেছে। পয়েন্টার ইভেন্ট মাউস, টাচ প্যানেল এবং কলম সহ বিভিন্ন ধরনের ইনপুট ডিভাইস সহ ডিভাইসে ওয়েব ব্রাউজারগুলি সমন্বিত ইনপুট ইভেন্ট তৈরি করতে পারে। ব্যবহারকারীরা দেখতে পারেন যে কোন ধরনের ইনপুট ডিভাইস চেপে রাখা হয়, সেই ডিভাইসে কোন বোতাম চেপে রাখা হয় এবং স্টাইলাস কলমের ক্ষেত্রে বোতামটি কতটা জোরে চেপে রাখা হয়। অক্টোবর 2013 পর্যন্ত, এই ইভেন্টটি শুধুমাত্র ইন্টারনেট এক্সপ্লোরার 10 এবং 11 দ্বারা সমর্থিত। ইন্ডি ইউআই ইভেন্টগুলি এখনও বাস্তবে বাস্তবায়িত হয়নি, ইন্ডি ইউআই ওয়ার্কিং গ্রুপগুলি ওয়েব অ্যাপ্লিকেশন ডেভেলপারদের বিভিন্ন প্ল্যাটফর্ম নির্দিষ্ট প্রযুক্তিগত ইভেন্টগুলি পরিচালনা না করেই স্ট্যান্ডার্ড ব্যবহারকারীর মিথস্ক্রিয়া ইভেন্টগুলিকে সমর্থন করতে সক্ষম হতে সহায়তা করতে চায় যা এর সাথে মেলে। ব্যবহারযোগ্য ইন্টারফেসগুলি স্ক্রিপ্ট করা কঠিন হতে পারে, বিশেষত যখন কেউ বিবেচনা করে যে ব্যবহারকারী ইন্টারফেস ডিজাইনের নিদর্শনগুলি সফ্টওয়্যার প্ল্যাটফর্ম, হার্ডওয়্যার এবং লোকেশনে পৃথক হয় এবং সেই মিথস্ক্রিয়াগুলি ব্যক্তিগত পছন্দের ভিত্তিতে আরও কাস্টমাইজ করা যেতে পারে। ব্যক্তিরা তাদের নিজস্ব সিস্টেমে ইন্টারফেসটি যেভাবে কাজ করে তাতে অভ্যস্ত এবং তাদের পছন্দের ইন্টারফেসটি প্রায়শই ওয়েব অ্যাপ্লিকেশন লেখকের পছন্দের ইন্টারফেসের থেকে আলাদা। উদাহরণস্বরূপ, ওয়েব অ্যাপ্লিকেশন লেখকরা, শেষ পদক্ষেপটি বাতিল করার জন্য কোনও ব্যবহারকারীর অভিপ্রায়কে বাধা দিতে চাইলে, নিম্নলিখিত সমস্ত ইভেন্টের জন্য "শুনতে" হবেঃ উইন্ডোজ এবং লিনাক্সে কন্ট্রোল + জেড। ম্যাক ওএস এক্স-এ কমান্ড + জেড। কিছু মোবাইল ডিভাইসে শেক ইভেন্ট। পূর্ববর্তী ক্রিয়াটি "পূর্বাবস্থায় ফিরিয়ে আনার" জন্য একটি একক, স্বাভাবিক অনুরোধ শোনা সহজ হবে। ইন্টারনেট এক্সপ্লোরার-নির্দিষ্ট ইভেন্টগুলি সাধারণ (ডব্লিউ3সি) ইভেন্টগুলি ছাড়াও, ইন্টারনেট এক্সপ্লোরার দ্বারা দুটি প্রধান ধরনের ইভেন্ট যুক্ত করা হয়। কিছু ইভেন্ট অন্যান্য ব্রাউজার দ্বারা ডি ফ্যাক্টো স্ট্যান্ডার্ড হিসাবে প্রয়োগ করা হয়েছে। ক্লিপবোর্ড ইভেন্ট। ডেটা বাইন্ডিং ইভেন্ট। মনে রাখবেন যে মোজিলা, সাফারি এবং অপেরা এক্স. এম. এল. এইচ. টি. টি. পি. রিকুয়েস্ট অবজেক্টের জন্য রেডিস্টেটচেঞ্জ ইভেন্টকেও সমর্থন করে। মোজিলা ঐতিহ্যবাহী ইভেন্ট রেজিস্ট্রেশন পদ্ধতি (ডিওএম লেভেল 0) ব্যবহার করে বিফোর আনলোড ইভেন্টকেও সমর্থন করে। মোজিলা এবং সাফারি প্রসঙ্গ মেনু সমর্থন করে, কিন্তু ম্যাকের জন্য ইন্টারনেট এক্সপ্লোরার সমর্থন করে না। মনে রাখবেন যে ফায়ারফক্স 6 এবং পরবর্তী সংস্করণগুলি প্রি-প্রিন্ট এবং আফটারপ্রিন্ট ইভেন্টগুলিকে সমর্থন করে। এক্সইউএল ইভেন্ট সাধারণ (ডব্লিউ3সি) ইভেন্ট ছাড়াও, মোজিলা ইভেন্টগুলির একটি সেট সংজ্ঞায়িত করেছে যা শুধুমাত্র এক্সইউএল উপাদানগুলির সাথে কাজ করে। অন্যান্য অনুষ্ঠান মোজিলা এবং অপেরা 9-এর জন্য, ডিওএমসি-কনটেন্ট-লোডেড এবং ডিওএমএফ-ফ্রেম-কনটেন্ট-লোডেড নামে পরিচিত নথিভুক্ত নয় এমন ইভেন্ট রয়েছে যা ডিওএম-এর বিষয়বস্তু লোড হলে চালু হয়। এগুলি "লোড" থেকে আলাদা কারণ এগুলি সম্পর্কিত ফাইলগুলি (যেমন, চিত্রগুলি) লোড করার আগে ফায়ার করে। যাইহোক, এইচ. টি. এম. এল 5 স্পেসিফিকেশনে ডি. ও. এম. কনটেন্টলোডেড যোগ করা হয়েছে। ডিওএমসিন্টেন্টলোডেড ইভেন্টটি ওয়েবকিট রেন্ডারিং ইঞ্জিন বিল্ড 500 +-এও প্রয়োগ করা হয়েছিল। এটি গুগল ক্রোম এবং সাফারি 3.1 + এর সমস্ত সংস্করণের সাথে সম্পর্কিত। ডিওএমসিন্টেন্টলোডেড ইন্টারনেট এক্সপ্লোরার 9-এও প্রয়োগ করা হয়। অপেরা 9 ওয়েব ফর্ম 2 ইভেন্ট ডিওএমসিন্ট্রোল ভ্যালুচেঞ্জড, অবৈধ, ফর্ম ইনপুট এবং ফর্মচেঞ্জকেও সমর্থন করে। ঘটনা প্রবাহ পরিস্থিতি বিবেচনা করুন যখন দুটি ঘটনা লক্ষ্য একটি গাছে অংশগ্রহণ করে। উভয়েরই ইভেন্ট শ্রোতারা একই ইভেন্টের ধরণে নিবন্ধিত, বলুন "ক্লিক করুন"। যখন ব্যবহারকারী অভ্যন্তরীণ উপাদানটিতে ক্লিক করেন, তখন এটি পরিচালনা করার দুটি সম্ভাব্য উপায় রয়েছেঃ উপাদানগুলিকে বাইরের থেকে অভ্যন্তরে ট্রিগার করুন (ইভেন্ট ক্যাপচারিং)। এই মডেলটি নেটস্কেপ ন্যাভিগেটর-এ প্রয়োগ করা হয়েছে। উপাদানগুলিকে ভিতরের থেকে বাইরের দিকে চালিত করুন (ঘটনা বুদ্বুদ)। এই মডেলটি ইন্টারনেট এক্সপ্লোরার এবং অন্যান্য ব্রাউজারে প্রয়োগ করা হয়। এই সংগ্রামে ডব্লিউ3সি একটি মাঝামাঝি অবস্থান নেয়। ডাব্লু3সি অনুসারে, ইভেন্টগুলি তিনটি পর্যায়ের মধ্য দিয়ে যায় যখন কোনও ইভেন্টের লক্ষ্য একটি গাছে অংশ নেয়ঃ ক্যাপচার পর্বঃ ইভেন্টটি মূল ইভেন্টের লক্ষ্য থেকে একটি ইভেন্টের লক্ষ্যে নেমে যায় লক্ষ্য পর্বঃ ইভেন্টটি ইভেন্টের লক্ষ্যের মধ্য দিয়ে ভ্রমণ করে বুদ্বুদ পর্যায় (ঐচ্ছিক): ইভেন্টটি একটি ইভেন্টের লক্ষ্য থেকে মূল ইভেন্টের লক্ষ্যে ফিরে যায়। বুদ্বুদ পর্যায় শুধুমাত্র সেই ঘটনাগুলির জন্য ঘটবে যেগুলি বুদ্বুদ (যেখানে event.bubbles = = সত্য) আপনি https://domevents.dev স্টপিং ইভেন্টে এই ইভেন্টের প্রবাহের একটি দৃশ্যায়ন খুঁজে পেতে পারেন যখন কোনও ইভেন্ট ইভেন্ট শ্রোতাদের মধ্য দিয়ে ভ্রমণ করছে, ইভেন্টটি event.stopPropagation () বা event.stopImmediatePropagation () event.stopPropagation () দিয়ে থামানো যেতে পারেঃ বর্তমান ইভেন্ট পর্যায়ে বর্তমান ইভেন্টের লক্ষ্যের সাথে সংযুক্ত সমস্ত ইভেন্ট শ্রোতারা event.stopImmediatePropagation () শেষ হওয়ার পরে ইভেন্টটি বন্ধ হয়ে যায়ঃ ইভেন্টটি অবিলম্বে বন্ধ হয়ে যায় এবং আর কোনও ইভেন্ট শ্রোতা কার্যকর করা হয় না যখন কোনও ইভেন্ট বন্ধ হয়ে যায় তখন এটি আর ইভেন্টের পথে ভ্রমণ করবে না। কোনও অনুষ্ঠান বন্ধ করলে কোনও অনুষ্ঠান বাতিল হয় না। একটি ইভেন্ট বন্ধ করার জন্য লিগ্যাসি প্রক্রিয়া event.cancelBubble-কে সত্য (ইন্টারনেট এক্সপ্লোরার)-এ সেট করুন event.returnValue বৈশিষ্ট্যটিকে মিথ্যা ইভেন্ট বাতিল করার জন্য সেট করুন একটি বাতিলযোগ্য ইভেন্ট event.preventDefault () কল করে বাতিল করা যেতে পারে। কোনও ইভেন্ট বাতিল করলে সেই ইভেন্টের জন্য ডিফল্ট ব্রাউজার আচরণ থেকে বেরিয়ে আসবে। যখন কোনও ইভেন্ট বাতিল করা হয়, তখন event.defaultPrevented বৈশিষ্ট্যটি সত্য হিসাবে সেট করা হবে। কোনও ইভেন্ট বাতিল করা ইভেন্টটিকে ইভেন্টের পথ ধরে যেতে বাধা দেবে না। ইভেন্ট অবজেক্ট একটি নির্দিষ্ট ইভেন্ট সম্পর্কে প্রচুর তথ্য সরবরাহ করে, যার মধ্যে লক্ষ্য উপাদান, কী প্রেস করা, মাউস বোতাম প্রেস করা, মাউসের অবস্থান ইত্যাদি সম্পর্কিত তথ্য রয়েছে। দুর্ভাগ্যবশত, এই ক্ষেত্রে খুব গুরুতর ব্রাউজার অসঙ্গতি রয়েছে। তাই এই নিবন্ধে শুধুমাত্র W3C ইভেন্ট অবজেক্ট নিয়ে আলোচনা করা হয়েছে। ইভেন্ট হ্যান্ডলিং মডেল ডিওএম লেভেল 0 এই ইভেন্ট হ্যান্ডলিং মডেলটি নেটস্কেপ ন্যাভিগেটর দ্বারা চালু করা হয়েছিল এবং এটি সবচেয়ে ক্রস-ব্রাউজার মডেল হিসাবে রয়ে গেছে। দুই ধরনের মডেল রয়েছেঃ ইনলাইন মডেল এবং ঐতিহ্যবাহী মডেল। ইনলাইন মডেল ইনলাইন মডেলে, ইভেন্ট হ্যান্ডলারগুলি উপাদানগুলির বৈশিষ্ট্য হিসাবে যুক্ত করা হয়। নীচের উদাহরণে, হাইপারলিঙ্কে ক্লিক করার পরে "হেই জো" বার্তা সহ একটি সতর্কতা ডায়ালগ বাক্স প্রদর্শিত হয়। ডিফল্ট ক্লিক ক্রিয়াটি ইভেন্ট হ্যান্ডলারে মিথ্যা ফেরত দিয়ে বাতিল করা হয়। <! ডক্টাইপ এইচটিএমএল> <এইচটিএমএল ল্যাং = "এন"> <হেড> <মেটা চারসেট = "ইউটিএফ-8"> <শিরোনাম> ইনলাইন ইভেন্ট হ্যান্ডলিং </শিরোনাম> <হেড> <বডি> <এইচ1> ইনলাইন ইভেন্ট হ্যান্ডলিং </এইচ1> <পি> আরে <এ হারেফ = "http://www.example.com" অনক্লিক = "ট্রিগার অ্যালার্ট ('জো'); রিটার্ন ফলস ফলস;"> জো </এ>! </পি> <স্ক্রিপ্ট> ফাংশন ট্রিগার অ্যালার্ট (নাম) {window.alert ("হেই" + নাম);} </স্ক্রিপ্ট> </বডি> </এইচটিএমএল> একটি সাধারণ ভুল ট্রিগার অ্যালার্ট ফাংশনে নাম। যদিও উপরের উদাহরণে এরকম মনে হতে পারে, আসলে যা ঘটছে তা হল ব্রাউজারের জাভাস্ক্রিপ্ট ইঞ্জিন অনক্লিক অ্যাট্রিবিউটের বিবৃতি সম্বলিত একটি বেনামী ফাংশন তৈরি করে। উপাদানটির অনক্লিক হ্যান্ডলার নিম্নলিখিত বেনামী ফাংশনের সাথে আবদ্ধ থাকবেঃ ফাংশন () {ট্রিগারঅ্যালার্ট ('জো'); রিটার্ন ফলস;} জাভাস্ক্রিপ্ট ইভেন্ট মডেলের এই সীমাবদ্ধতা সাধারণত ইভেন্ট হ্যান্ডলারের ফাংশন অবজেক্টে অ্যাট্রিবিউট বরাদ্দ করে বা ক্লোজার ব্যবহার করে অতিক্রম করা হয়। ঐতিহ্যবাহী মডেল ঐতিহ্যবাহী মডেলে, ইভেন্ট হ্যান্ডলারগুলি স্ক্রিপ্ট দ্বারা যুক্ত বা অপসারণ করা যেতে পারে। ইনলাইন মডেলের মতো, প্রতিটি ইভেন্টে শুধুমাত্র একজন ইভেন্ট হ্যান্ডলার নিবন্ধিত থাকতে পারে। উপাদান বস্তুর ইভেন্ট সম্পত্তিতে হ্যান্ডলারের নাম বরাদ্দ করে ইভেন্টটি যুক্ত করা হয়। একটি ইভেন্ট হ্যান্ডলার অপসারণ করতে, কেবল বৈশিষ্ট্যটি বাতিল করুনঃ <! ডক্টাইপ এইচটিএমএল> <এইচটিএমএল ল্যাং = "এন"> <হেড> <মেটা চারসেট = "ইউটিএফ-8"> <শিরোনাম> ট্র্যাডিশনাল ইভেন্ট হ্যান্ডলিং </হেড> <বডি> <এইচ1> ট্র্যাডিশনাল ইভেন্ট হ্যান্ডলিং </এইচ1> <পি> হেই জো! </পি> <স্ক্রিপ্ট> ট্রিগার ভারঅ্যালার্ট = ফাংশন () {window.alert ("হেই জো");};// একটি ইভেন্ট হ্যান্ডলার নিয়োগ করুন document.onclick = ট্রিগারঅ্যালার্ট;// অন্য ইভেন্ট হ্যান্ডলার নিয়োগ করুন window.onload = ট্রিগারঅ্যালার্ট;// অপসারণ করুন ');};} (নাম); অভ্যন্তরীণ ফাংশনগুলি তাদের পরিধি বজায় রাখে। ডিওএম স্তর 2 ডাব্লু3সি ডিওএম স্তর 2-এ আরও নমনীয় ইভেন্ট হ্যান্ডলিং মডেল ডিজাইন করেছে। কিছু দরকারী বিষয় জানতে হবেঃ কোনও ইভেন্টকে বুদ্বুদ থেকে রক্ষা করতে, ডেভেলপারদের অবশ্যই ইভেন্ট অবজেক্টের স্টপপ্রপাগেশন () পদ্ধতিতে কল করতে হবে। ইভেন্টের ডিফল্ট অ্যাকশনকে কল করা থেকে বিরত রাখতে, ডেভেলপারদের অবশ্যই ইভেন্ট অবজেক্টের প্রতিরোধ ডিফল্ট () পদ্ধতিতে কল করতে হবে। ঐতিহ্যবাহী মডেল থেকে প্রধান পার্থক্য হল যে একাধিক ইভেন্ট হ্যান্ডলার একই ইভেন্টের জন্য নিবন্ধিত হতে পারে। ইউজ ক্যাপচার বিকল্পটি বুদ্বুদ ফেজের পরিবর্তে হ্যান্ডলারকে ক্যাপচার ফেজে কল করা উচিত তা নির্দিষ্ট করতেও ব্যবহার করা যেতে পারে। এই মডেলটি মোজিলা, অপেরা, সাফারি, ক্রোম এবং কনকোয়ারার দ্বারা সমর্থিত। ঐতিহ্যবাহী মডেল <! ডক্টাইপ এইচটিএমএল> <এইচটিএমএল ল্যাং = "এন"> <হেড> <মেটা চারসেট = "ইউটিএফ-8"> <শিরোনাম> ডিওএম স্তর 2 </শিরোনাম> </হেড> <বডি> <এইচ1> ডিওএম স্তর 2 </এইচ1> <পি> হেই জো! </পি> <স্ক্রিপ্ট> ভার হেই জো = ফাংশন () {window.alert ("হেই জো! ");}// একটি ইভেন্ট হ্যান্ডলার যোগ করুন document.addEventListener (" ক্লিক করুন ", হেইজো, সত্য);// ক্যাপচার ফেজ// অন্য ইভেন্ট হ্যান্ডলার যোগ করুন window.addEventListener (" লোড ", হেইজো, মিথ্যা);// বুদ্বুদ ফেইজ// ইভেন্ট হ্যান্ডলার সবেমাত্র যোগ করা window.removeEventListener (" লোড ", হেইজো, মিথ্যা); <// স্ক্রিপ্ট> </শরীর> <// এইচটিএমএল> ইন্টারনেট এক্সপ্লোরার-নির্দিষ্ট মডেল সংস্করণ 8 এর আগে মাইক্রোসফ্ট ইন্টারনেট এক্সপ্লোরার ডাব্লু 3 সি মডেল অনুসরণ করে না, কারণ এর নিজস্ব মডেলটি ডাব্লু 3 সি স্ট্যান্ডার্ড অনুমোদনের আগে তৈরি করা হয়েছিল। ইন্টারনেট এক্সপ্লোরার 9 ডিওএম স্তর 3 ইভেন্ট অনুসরণ করে এবং ইন্টারনেট এক্সপ্লোরার 11 মাইক্রোসফ্ট-নির্দিষ্ট মডেলের জন্য তার সমর্থন মুছে দেয়। কিছু দরকারী বিষয় জানতে হবেঃ কোনও ইভেন্টের বুদ্বুদ হওয়া রোধ করতে, ডেভেলপারদের অবশ্যই ইভেন্টের cancelBubble সম্পত্তি সেট করতে হবে। ইভেন্টের ডিফল্ট অ্যাকশনকে কল করা থেকে বিরত রাখতে, ডেভেলপারদের অবশ্যই ইভেন্টের রিটার্ন ভ্যালু প্রপার্টি সেট করতে হবে। এই কীওয়ার্ডটি গ্লোবাল উইন্ডো অবজেক্টকে বোঝায়। আবার, এই মডেলটি ঐতিহ্যবাহী মডেলের থেকে আলাদা যে একাধিক ইভেন্ট হ্যান্ডলার একই ইভেন্টের জন্য নিবন্ধিত হতে পারে। তবে ক্যাপচার পর্যায়ে হ্যান্ডলারকে কল করা উচিত কিনা তা নির্দিষ্ট করতে ইউজ ক্যাপচার বিকল্পটি ব্যবহার করা যাবে না। এই মডেলটি মাইক্রোসফ্ট ইন্টারনেট এক্সপ্লোরার এবং ট্রাইডেন্ট ভিত্তিক ব্রাউজার দ্বারা সমর্থিত (যেমন। ম্যাক্সথন, আভান্ট ব্রাউজার)। পুরনো ইন্টারনেট এক্সপ্লোরার-নির্দিষ্ট মডেল <! ডক্টাইপ এইচটিএমএল> <এইচটিএমএল ল্যাং = "এন"> <হেড> <মেটা চারসেট = "ইউটিএফ-8"> <শিরোনাম> ইন্টারনেট এক্সপ্লোরার-নির্দিষ্ট মডেল </শিরোনাম> </মাথা> <শরীর> <এইচ1> ইন্টারনেট এক্সপ্লোরার-নির্দিষ্ট মডেল </এইচ1> <পি> হেই জো! </পি> <স্ক্রিপ্ট> ভার হেই জো = ফাংশন () {window.alert ("হেই জো! ");}// একটি ইভেন্ট হ্যান্ডলার যোগ করুন document.attachEvent (" অনক্লিক করুন ", হেইজো);// আরেকটি ইভেন্ট হ্যান্ডলার যোগ করুন window.attachEvent (" অনলোড ", হেইজো);// ইভেন্ট হ্যান্ডলার সরিয়ে ফেলুন সবেমাত্র যোগ করা হয়েছে window.detachEvent (" অনলোড ", হেইজো); </স্ক্রিপ্ট> </শরীর> </এইচটিএমএল> রেফারেন্স আরও পড়া ডিটেল, হার্ভে। (2002)। ইন্টারনেট এবং ওয়ার্ল্ড ওয়াইড ওয়েবঃ কিভাবে প্রোগ্রাম করা যায় (দ্বিতীয় সংস্করণ)। মোজিলা সংস্থা। (2009)। ডিওএম ইভেন্ট রেফারেন্স। সংগ্রহের তারিখ আগস্ট 25,2009। Quirksmode (2008)। ইভেন্ট সামঞ্জস্য টেবিল। সংগৃহীত নভেম্বর 27,2008। http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone বাহ্যিক লিঙ্ক ডকুমেন্ট অবজেক্ট মডেল (ডিওএম) স্তর 2 ইভেন্ট নির্দিষ্টকরণ ডকুমেন্ট অবজেক্ট মডেল (ডিওএম) স্তর 3 ইভেন্ট ওয়ার্কিং ড্রাফ্ট ডিওএম 4: ইভেন্ট (সম্পাদকের খসড়া) ইউআই ইভেন্ট ওয়ার্কিং ড্রাফ্ট পয়েন্টার ইভেন্ট ডাব্লু 3 সি প্রার্থী সুপারিশ এমএসডিএন পয়েন্টারইভেন্ট domevents.dev-ইভেন্ট বাবলিং এবং ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম স্ট্যান্ডার্ড ক্যাপচারিংয়ের জন্য এক্সপ্লোরেশন জেএস ফিডলের মাধ্যমে ডিওএম ইভেন্টগুলি সম্পর্কে জানতে একটি ভিজ্যুয়ালাইজার অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেস ইভেন্ট (কম্পিউটিং)