আমার কাছে নিম্নলিখিত কোড রয়েছে:
document.oncontextmenu = function(evt) {
evt = evt || window.event;
console.log(evt.target, evt.toElement, evt.srcElement);
};
একটিতে ডান মাউস বোতামে ক্লিক করে এটি <div class="foo"></div>ফেরত দেয়:
div.foo, div.foo, div.foo
একটিতে ডান মাউস বোতামে ক্লিক করে এটি <input>ফেরত দেয়:
ইনপুট, ইনপুট, ইনপুট
সবাই একই ফলাফল আনবে বলে মনে হচ্ছে। তাদের মধ্যে অন্যের চেয়ে আলাদা ব্যবহারের কোনও পরিস্থিতি কি আছে?
উত্তর:
ঘটনা লক্ষ্য উপাদান যা ঘটনা প্রেষিত হয়:
বস্তুর একটি ঘটনা ব্যবহার পরিকল্পনা রয়েছে করে DOM ঘটনা প্রবাহ । ইভেন্ট টার্গেটটি
Event.targetবৈশিষ্ট্যের মান ।
srcElementএটি প্রাপ্ত করার জন্য একটি IE অ-মানক উপায় target।
বর্তমান ঘটনা লক্ষ্য উপাদান যা ইভেন্ট শ্রোতা যা বর্তমানে প্রার্থনা রয়েছে হল:
কোনও ইভেন্ট প্রবাহে, বর্তমান ইভেন্টের লক্ষ্য হ'ল ইভেন্ট হ্যান্ডলারের সাথে সম্পর্কিত অবজেক্ট যা বর্তমানে প্রেরণ করা হচ্ছে। এই বস্তুটি হ'ল ইভেন্টটি নিজেই বা এর পূর্বপুরুষদের মধ্যে অন্যতম। বর্তমান ঘটনা টার্গেট হিসাবে পরিবর্তন ঘটনা বিভিন্ন মাধ্যমে বস্তু বস্তু থেকে বংশ বিস্তার পর্যায়ক্রমে ঘটনা প্রবাহ। বর্তমান ইভেন্ট টার্গেটটি
Event.currentTargetবৈশিষ্ট্যের মান ।
thisইভেন্ট শ্রোতার অভ্যন্তরে ব্যবহার করা বর্তমান ইভেন্টের লক্ষ্য অর্জনের একটি সাধারণ (এবং মানক) উপায়।
কিছু ধরণের ঘটনাগুলির একটি রয়েছে relatedTarget:
EventTargetইভেন্টের ধরণের উপর নির্ভর করে কোনও ইউআই ইভেন্টের সাথে সম্পর্কিত একটি মাধ্যমিক সনাক্ত করতে ব্যবহৃত হয় ।
fromElementএবং toElementইন্টারনেট অ-মানক প্রাপ্ত করার উপায় আছে relatedTarget।