আমি এই লিঙ্কটিতে দুটি ইভেন্ট হ্যান্ডলারকে আবদ্ধ করি:
<a href='#' id='elm'>Show Alert</a>javascript:
$(function()
{
$('#elm').click(_f);
$('#elm').mouseover(_m);
});
function _f(){alert('clicked');}
function _m(){alert('mouse over');}
উপাদানটির সাথে এই ক্ষেত্রে, কোনও উপাদানকে আবদ্ধ করে সমস্ত ইভেন্টের তালিকা পাওয়ার কোনও উপায় আছে কি id="elm"?
উত্তর:
JQuery এর আধুনিক সংস্করণগুলিতে, আপনি $._datajQuery দ্বারা প্রশ্নযুক্ত উপাদানটির সাথে সংযুক্ত যে কোনও ইভেন্ট সন্ধান করতে পদ্ধতিটি ব্যবহার করবেন । দ্রষ্টব্য , এটি কেবলমাত্র একটি অভ্যন্তরীণ-ব্যবহার পদ্ধতি:
// Bind up a couple of event handlers
$("#foo").on({
click: function(){ alert("Hello") },
mouseout: function(){ alert("World") }
});
// Lookup events for this particular Element
$._data( $("#foo")[0], "events" );
এর ফলাফলটি $._dataএমন একটি বস্তু হবে যার মধ্যে আমরা সেট করা ইভেন্ট দুটিই রয়েছে ( mouseoutসম্পত্তিটি প্রসারিত করে নীচে চিত্রিত করা হয়েছে):
তারপরে ক্রোমে, আপনি হ্যান্ডলারের ফাংশনটি ডানদিকে ক্লিক করতে পারেন এবং এটি আপনার কোডে সংজ্ঞায়িত করা ঠিক স্থানটি দেখতে আপনাকে "ফাংশন সংজ্ঞাটি দেখুন" ক্লিক করতে পারেন click
$._data(element[0], ‘events’);
$._data()JQuery অভ্যন্তরীণ দ্বারা ব্যবহৃত হয়। $.data()ব্যবহারকারীর কাছে সর্বজনীন পদ্ধতি। এবং $.data(element, 'events')সূক্ষ্ম কাজ করে।
সাধারণ ক্ষেত্রে:
Sourcesট্যাবে ক্লিক করুনEvent Listener Breakpointsএবং গাছ প্রসারিত করুনএকইভাবে, আপনি:
Inspect element" নির্বাচন করুনevent listeners'।আমি এটি উত্তরোত্তর জন্য যুক্ত করছি; আরও একটি জাস লিখতে জড়িত না এমন একটি সহজ উপায় রয়েছে। ফায়ার ফক্সের জন্য আশ্চর্যজনক ফায়ারবগ অ্যাডন ব্যবহার করে ,
জাভাস্ক্রিপ্ট ফাংশন getEventListeners () ব্যবহার করে আপনি এখন কেবল কোনও বস্তুর সাথে আবদ্ধ ইভেন্ট শ্রোতার একটি তালিকা পেতে পারেন।
উদাহরণস্বরূপ, ডিভাইস কনসোলে নিম্নলিখিত টাইপ করুন:
// Get all event listners bound to the document object
getEventListeners(document);JQuery এর অডিট প্লাগইন প্লাগইন আপনি স্বাভাবিক ক্রোম দেব সরঞ্জামগুলির মাধ্যমে এটা করি উচিত নয়। এটি নিখুঁত নয়, তবে আপনাকে অবশ্যই আসল হ্যান্ডলারটি উপাদান / ইভেন্টের সাথে আবদ্ধ হতে হবে এবং কেবল জেনেরিক jQuery হ্যান্ডলারটি নয়।
ফায়ারফক্স কোয়ান্টাম 58.x এ এটি jQuery নির্বাচনকারী / অবজেক্টের সাথে ঠিক নির্দিষ্ট নয়, আপনি দেব সরঞ্জামগুলি ব্যবহার করে কোনও উপাদানটিতে ইভেন্ট হ্যান্ডলারগুলি খুঁজে পেতে পারেন:
আমি ($ ._ ডেটা ($ ("a.wine-আইটেম-লিঙ্ক")) [0]) এর মতো কিছু ব্যবহার করেছি events ... ইভেন্টগুলি == নাল) something ... কিছু করুন, তাদের ইভেন্ট হ্যান্ডলারগুলিকে আবারও আবদ্ধ করুন check চেক করতে যদি আমার উপাদানটি কোনও ইভেন্টের সাথে আবদ্ধ থাকে। এটি এখনও অপরিজ্ঞাত (নাল) বলবে যদি আপনি সেই উপাদানটি থেকে আপনার সমস্ত ইভেন্ট হ্যান্ডলারের সাথে তাল মিলেন। এজন্যই যদি আমি কোনও অভিব্যক্তিতে এটি মূল্যায়ন করি।
নোট করুন যে ইভেন্টগুলি প্রশ্নের মধ্যে থাকা উপাদানটির পরিবর্তে ডকুমেন্টের সাথে সংযুক্ত থাকতে পারে। সেক্ষেত্রে, আপনি ব্যবহার করতে চাইবেন:
$._data( $(document)[0], "events" );এবং সঠিক নির্বাচক সহ ইভেন্টটি সন্ধান করুন :
এবং তারপরে হ্যান্ডলারটি দেখুন > [[ফাংশন অবস্থান]]
যখন আমি complex ._ ডেটাতে একটি জটিল জটিল ডোম ক্যোয়ারি পাস করি: $._data($('#outerWrap .innerWrap ul li:last a'), 'events')এটি ব্রাউজার কনসোলে অপরিজ্ঞাত নিক্ষেপ করে।
তাই আমাকে $._data($('#outerWrap')[0], 'events')ট্যাগগুলির ইভেন্টগুলি দেখতে প্যারেন্ট ডিভিতে $ ._ ডেটা ব্যবহার করতে হয়েছিল । এখানে এর জন্য একটি জেএসফিডেল: http://jsfiddle.net/giri_jeedigunta/MLcpT/4/
$('#outerWrap')। ঘটনাগুলি প্রকৃতপক্ষে পৃথক নোঙ্গরগুলির চেয়ে সেই উপাদানটির সাথে আবদ্ধ।