জাভাস্ক্রিপ্টে কোনও ইনলাইন ইভেন্ট হ্যান্ডলারের পক্ষে যুক্তি হিসাবে ইভেন্টটি কীভাবে পাস করবেন?

Question 1

// this e works
document.getElementById("p").oncontextmenu = function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
};

// this e is undefined
function doSomething(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
}

<p id="p" onclick="doSomething(e)">
    <a href="#">foo</a>
    <span>bar</span>
</p>

অনুরূপ কিছু প্রশ্ন জিজ্ঞাসা করা হয়েছে।

তবে আমার কোডে, আমি বাচ্চাদের এমন উপাদানগুলি পেতে চেষ্টা করছি যাঁর মতো aবা ক্লিক করা হয়েছেspan ।

তাহলে eventইভেন্ট হ্যান্ডলারের পক্ষে আর্গুমেন্ট হিসাবে পাস করার সঠিক উপায় কী , বা কোনও আর্গুমেন্ট পাস না করে কীভাবে হ্যান্ডলারের অভ্যন্তরে ইভেন্ট পাবেন?

সম্পাদনা করুন

আমি সচেতন এবং addEventListenerএবং jQuery, দয়া করে inlineইভেন্ট হ্যান্ডারে ইভেন্টটি পাস করার জন্য একটি সমাধান সরবরাহ করুন ।

Question 2

eventঅবজেক্টটি পাস করতে :

<p id="p" onclick="doSomething(event)">

ক্লিক করা শিশু পেতে element( eventপ্যারামিটার সহ ব্যবহার করা উচিত :

function doSomething(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
}

elementনিজেই পাস করার জন্য (গার্হস্থ্য):

<p id="p" onclick="doThing(this)">

জেএসফিডেলে লাইভ উদাহরণ দেখুন

Question 3

যেহেতু ইনলাইন ইভেন্টগুলি ফাংশন হিসাবে কার্যকর করা হয় আপনি কেবল আর্গুমেন্ট ব্যবহার করতে পারেন ।

<p id="p" onclick="doSomething.apply(this, arguments)">

এবং

function doSomething(e) {
  if (!e) e = window.event;
  // 'e' is the event.
  // 'this' is the P element
}

গৃহীত উত্তরে যে 'ইভেন্ট' উল্লেখ করা হয়েছে তা হ'ল কার্যক্রমে পাস হওয়া যুক্তির নাম। গ্লোবাল ইভেন্টের সাথে এর কোনও যোগসূত্র নেই।

Question 4

আপনাকে পাস করার দরকার thisনেই, ইতিমধ্যে eventডিফল্টরূপে অবজেক্টটি স্বয়ংক্রিয়ভাবে পাস হয়ে গেছে, যার মধ্যে event.targetএটি রয়েছে যা থেকে আসে object আপনি আপনার বাক্য গঠন হালকা করতে পারেন:

এই:

<p onclick="doSomething()">

এটি দিয়ে কাজ করবে:

function doSomething(){
  console.log(event);
  console.log(event.target);
}

আপনার eventঅবজেক্টটি ইনস্ট্যান্ট করার দরকার নেই , এটি ইতিমধ্যে রয়েছে। চেষ্টা কর. এবং event.targetএটির কলকারী পুরো অবজেক্টটি থাকবে, যা আপনি আগে "এটি" হিসাবে উল্লেখ করেছিলেন।

এখন আপনি যদি আপনার কোডের কোথাও থেকে ডায়নামিং () ডায়নামিকভাবে ট্রিগার করেন তবে আপনি লক্ষ্য করবেন যে eventএটি অপরিজ্ঞাত । কারণ এটি ক্লিক করার কোনও ইভেন্ট থেকে ট্রিগার করা হয়নি। সুতরাং আপনি যদি এখনও ঘটনাটিকে কৃত্রিমভাবে ট্রিগার করতে চান তবে সহজভাবে ব্যবহার করুন dispatchEvent:

document.getElementById('element').dispatchEvent(new CustomEvent("click", {'bubbles': true}));

তারপর doSomething()দেখতে হবে eventএবং event.targetস্বাভাবিক অনুযায়ী!

thisসর্বত্র পাস করার দরকার নেই এবং আপনি নিজের ফাংশনের স্বাক্ষরগুলিকে তারের তথ্য থেকে মুক্ত রাখতে পারেন এবং জিনিসগুলি সরল করতে পারেন।