event অবজেক্ট

event অবজেক্টটি একটি ইভেন্ট ট্রিগার হলে তৈরি হয় এবং এটির সম্পর্কে তথ্য ধারণ করে। একটি ইভেন্ট ঘটলে event অবজেক্টটি হ্যান্ডলার ফাংশনে প্রেরণ করা হয়।

event অবজেক্টের বৈশিষ্ট্য এবং পদ্ধতি

নীচের সারণীতে event অবজেক্টের বৈশিষ্ট্য এবং পদ্ধতি এবং তাদের বিবরণ উল্লেখ করা হয়েছে:

নাম	বর্ণনা
`event.currentTarget`	ইভেন্ট বাবলিং এর পর্যায়ে বর্তমান DOM এলিমেন্ট। সাধারণত এই বৈশিষ্ট্যটি ফাংশনের `this` এর সমতুল্য।
`event.data`	ঐচ্ছিক প্যারামিটার। ডেটার একটি অবজেক্ট, যা এক্সিকিউটেবল হ্যান্ডলার সংযুক্ত করার সময় ইভেন্ট পদ্ধতিতে প্রেরণ করা হয়।
`event.delegateTarget`	যে এলিমেন্টে এইমাত্র কল করা jQuery ইভেন্ট হ্যান্ডলার সংযুক্ত ছিল। এই বৈশিষ্ট্যটি ডেলিগেটেড ইভেন্টে সবচেয়ে উপযোগী, যখন হ্যান্ডলারটি প্রসেস করা এলিমেন্টের পূর্বপুরুষের সাথে আবদ্ধ থাকে। অ-ডেলিগেটেড হ্যান্ডলারের জন্য, যা সরাসরি এলিমেন্টের সাথে আবদ্ধ, `event.delegateTarget` এর মান `event.currentTarget` এর মানের সাথে মিলে যায়।
`event.isDefaultPrevented`	পদ্ধতিটি পরীক্ষা করে যে এই ইভেন্ট অবজেক্টের জন্য `event.preventDefault` পদ্ধতিটি কল করা হয়েছিল কিনা।
`event.isImmediatePropagationStopped`	পদ্ধতিটি পরীক্ষা করে যে এই ইভেন্ট অবজেক্টের জন্য `event.stopImmediatePropagation` পদ্ধতিটি কল করা হয়েছিল কিনা।
`event.isPropagationStopped`	পদ্ধতিটি পরীক্ষা করে যে এই ইভেন্ট অবজেক্টের জন্য `event.stopPropagation` পদ্ধতিটি কল করা হয়েছিল কিনা।
`event.isPropagationStopped`	পদ্ধতিটি পরীক্ষা করে যে এই ইভেন্ট অবজেক্টের জন্য `event.stopPropagation` পদ্ধতিটি কল করা হয়েছিল কিনা।
`event.metaKey`	পদ্ধতিটি পরীক্ষা করে যে ইভেন্ট ট্রিগার হওয়ার সময় `META` কী টিপে ধরা ছিল কিনা। প্ল্যাটফর্মের উপর নির্ভর করে কী ভিন্ন হতে পারে। `true` বা `false` রিটার্ন করে।
`event.namespace`	ইভেন্ট কল করার সময় নির্দিষ্ট করা নেমস্পেস। এই বৈশিষ্ট্যটি প্লাগইন লেখকদের জন্য উপযোগী হবে, যাদের কাজগুলি ব্যবহৃত নেমস্পেসের উপর নির্ভরশীল।
`event.pageX`	ডকুমেন্টের বাম প্রান্তের সাপেক্ষে মাউসের অবস্থান দেখায়।
`event.pageY`	ডকুমেন্টের উপরের প্রান্তের সাপেক্ষে মাউসের অবস্থান দেখায়।
`event.preventDefault`	যদি এই পদ্ধতিটি কল করা হয়, তাহলে এই ইভেন্টের জন্য ডিফল্ট অ্যাকশনটি সম্পাদন করা হবে না। উদাহরণস্বরূপ, একটি লিঙ্কে ক্লিক করলে একটি নতুন URL-এ যাওয়া হবে না। এই পদ্ধতিটি কল করা হয়েছিল কিনা তা পরীক্ষা করার জন্য, `event.isDefaultPrevented` পদ্ধতি ব্যবহার করা যেতে পারে।
`event.relatedTarget`	ইভেন্টে অংশ নেওয়া অন্য DOM এলিমেন্ট রিটার্ন করে, যদি থাকে। `mouseout` এর জন্য দেখায় কোন এলিমেন্টে মাউস ঘোরানো হয়েছে, `mouseover` এর জন্য কোন এলিমেন্ট থেকে মাউস কার্সার সরানো হয়েছিল।
`event.result`	শেষ মান, যা ট্রিগার হওয়া ইভেন্টের হ্যান্ডলার দ্বারা রিটার্ন করা হয়েছিল, `undefined` এর সমান নয়। কাস্টম ইভেন্টের মান পাওয়ার জন্য বৈশিষ্ট্যটি উপযোগী হতে পারে।
`event.stopImmediatePropagation`	এলিমেন্টের সাথে যুক্ত অবশিষ্ট সমস্ত ইভেন্ট হ্যান্ডলারের কাজ বাতিল করে এবং DOM ট্রি-তে ইভেন্টের উপরের দিকে বাবলিং প্রতিরোধ করে। শুধুমাত্র ইভেন্টকে পূর্বপুরুষ এলিমেন্টে বাবলিং করতে নিষেধ করতে, কিন্তু অন্যান্য ইভেন্ট হ্যান্ডলারের কাজ করার অনুমতি দিতে, `event.stopPropagation` পদ্ধতি ব্যবহার করা যেতে পারে। এই ইভেন্ট অবজেক্টের জন্য `event.stopImmediatePropagation` কল করা হয়েছিল কিনা তা পরীক্ষা করতে `event.isImmediatePropagationStopped` পদ্ধতি ব্যবহার করুন।
`event.stopPropagation`	DOM ট্রি-তে ইভেন্টের উপরের দিকে বাবলিং প্রতিরোধ করে। মনে রাখবেন যে অন্যান্য হ্যান্ডলারগুলি এই এলিমেন্টের জন্য কাজ করা চালিয়ে যাবে। `trigger` পদ্ধতি ব্যবহার করে কল করা নেটিভ ইভেন্টের জন্য এই পদ্ধতিটি কাজ করে। এই পদ্ধতিটি কল করা হয়েছিল কিনা তা পরীক্ষা করতে, `event.isPropagationStopped` ব্যবহার করুন।
`event.target`	ইভেন্ট শুরু করা DOM এলিমেন্ট। এটি হতে পারে ইভেন্টের জন্য নিবন্ধিত এলিমেন্ট বা এর সন্তান। ইভেন্ট বাবলিং নির্ধারণ করার জন্য `event.target` এবং `this` তুলনা করা খুবই উপযোগী। ইভেন্ট ডেলিগেশনে বৈশিষ্ট্যটি উপযোগী, যখন ইভেন্টগুলি বাবল হয়।
`event.timeStamp`	ব্রাউজার দ্বারা ইভেন্ট তৈরি হওয়ার মুহূর্ত এবং ১লা জানুয়ারী, ১৯৭০ এর মধ্যে মিলিসেকেন্ডে সময়ের পার্থক্য। কোডে দুটি সময়ের জন্য `event.timeStamp` মানের পার্থক্য পাওয়ার মাধ্যমে ইভেন্টের পারফরম্যান্স নির্ধারণে বৈশিষ্ট্যটি উপযোগী হতে পারে। আপনি যদি শুধুমাত্র হ্যান্ডলারের ভিতরে বর্তমান সময় পেতে চান, তাহলে `getTime` পদ্ধতি ব্যবহার করুন।
`event.type`	এই বৈশিষ্ট্যটিতে ইভেন্টের ধরন নির্দেশিত হয়।
`event.which`	এই বৈশিষ্ট্যটি নির্দেশ করে যে কোন কীবোর্ড বা মাউস বাটন চাপা ছিল। মাউসের জন্য: `1` - বাম বাটন, `2` - মিডল বাটন (হুইল), `3` - ডান বাটন। `event.button` এর পরিবর্তে `event.which` ব্যবহার করুন।

event অবজেক্টের অন্যান্য বৈশিষ্ট্য

অন্যান্য বৈশিষ্ট্যও রয়েছে যা event অবজেক্টে কপি করা হয়:

altKey, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, detail, eventPhase, key, keyCode, offsetX, offsetY, originalTarget, screenX, screenY, shiftKey, toElement, view.

উপরে তালিকাভুক্ত নয় এমন বৈশিষ্ট্যগুলিতে অ্যাক্সেস পেতে, event.originalEvent অবজেক্ট ব্যবহার করা যেতে পারে।

উদাহরণ

আসুন একটি div-এ আউটপুট করি - কোন কীগুলি চাপা ছিল:

<input id="test" value="type something">
<div id="text"></div>

$('#test').on('keydown', function(event) {
	$('#text').html(event.type + ": " +  event.which);
});

উদাহরণ

আসুন একটি div-এ আউটপুট করি - আমরা কোন ট্যাগে ক্লিক করব:

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>click</span></strong>
		</p>
	</div>
</body>

span, strong, p {
	display: block;
	padding: 10px;
	border: 1px solid black;
}

$('body').click(function(event) {
	$('#text').html('clicked: ' + event.target.nodeName);
});

আরও দেখুন

on পদ্ধতি,
যা একটি এলিমেন্টে একটি ইভেন্ট হ্যান্ডলার সংযুক্ত করতে দেয়
trigger পদ্ধতি,
যা একটি এলিমেন্টের সাথে সংযুক্ত সমস্ত ইভেন্ট হ্যান্ডলার চালু করতে দেয়, নির্দিষ্ট ধরনের ইভেন্টের জন্য
triggerHandler পদ্ধতি,
যা একটি এলিমেন্টের সাথে সংযুক্ত সমস্ত ইভেন্ট হ্যান্ডলার চালু করতে দেয়
jQuery ইভেন্টগুলি