events jQuery একাধিক ইভেন্ট একই ফাংশন ট্রিগার





5 Answers

JQuery 1.7 অনুসারে, .on() পদ্ধতি একটি ইভেন্টে ইভেন্ট হ্যান্ডলারগুলিকে সংযুক্ত করার জন্য পছন্দের পদ্ধতি। পূর্ববর্তী সংস্করণগুলির জন্য, .bind() পদ্ধতিটি সরাসরি উপাদানগুলিতে ইভেন্ট হ্যান্ডলার সংযুক্ত করার জন্য ব্যবহৃত হয়।

$(document).on('mouseover mouseout',".brand", function () {
  $(".star").toggleClass("hovered");
})
jquery events javascript-events

keyup , keypress , blur এবং change ইভেন্টগুলির একটি উপায় আছে কি একই ফাংশনকে এক লাইনে কল করে বা আমাকে আলাদাভাবে করতে হয়?

সমস্যাটি আমার কাছে আছে যে আমাকে কিছু তথ্য ডিবি সন্ধানের সাথে যাচাই করতে হবে এবং এটি নিশ্চিত করতে চাইলে যে কোন ক্ষেত্রেই যাচাইকরণ মিস করা হয় না, তা বাক্সে টাইপ করা বা আটকে রাখা হোক কিনা।




আপনি বিভিন্ন ঘটনা ফাংশন সংযুক্ত করার জন্য বাঁধ পদ্ধতি ব্যবহার করতে পারেন। এই কোডের মতো ইভেন্ট নাম এবং হ্যান্ডলার ফাংশনটি পাস করুন:

$('#foo').bind('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});

আরেকটি বিকল্প jquery api এর চেইন সমর্থন ব্যবহার করা হয়।




আপনি নীচের হিসাবে পুনঃব্যবহার করতে চান যে ফাংশন সংজ্ঞায়িত করতে পারে:

var foo = function() {...}

এবং পরে আপনি আপনার অবজেক্টে চান এমন অনেক ইভেন্ট শ্রোতা সেট করতে পারেন যেটি ('ইভেন্ট') ব্যবহার করে যে ফাংশনটি নীচে দেখানো হয়েছে সেটি ব্যবহার করে ট্রিগারটি ট্রিগার করতে:

$('#selector').on('keyup keypress blur change paste cut', foo);



তাটু দ্বারা উত্তরটি আমি কীভাবে সহজবোধ্যভাবে করব তা হল, তবে ইন্টারনেট এক্সপ্লোরারে এই সমস্যাগুলি ঘিরে / বন্ধ করার মতো কিছু সমস্যা হয়েছে, যদিও এটি .on() পদ্ধতির মাধ্যমে করা হয়।

আমি ঠিক jQuery এর কোন সংস্করণ pinpoint করতে সক্ষম হয়েছে এই সমস্যা হয় না। কিন্তু আমি মাঝে মাঝে নিম্নলিখিত সংস্করণে সমস্যাটি দেখি:

  • 2.0.2
  • 1.10.1
  • 1.6.4
  • মোবাইল 1.3.0b1
  • মোবাইল 1.4.2
  • মোবাইল 1.2.0

আমার workaround প্রথম ফাংশন সংজ্ঞায়িত করা হয়েছে,

function myFunction() {
    ...
}

এবং তারপর পৃথকভাবে ঘটনা হ্যান্ডেল

// Call individually due to IE not handling binds properly
$(window).on("scroll", myFunction);
$(window).on("resize", myFunction);

এটি সবচেয়ে সুন্দর সমাধান নয়, তবে এটি আমার জন্য কাজ করে, এবং আমি মনে করি আমি এই সমস্যাটির উপর চাপিয়ে ফেলতে অন্যদের সাহায্য করতে সেখানে রাখব




$("element").on("event1 event2 event..n", function() {
   //execution
});

এই টিউটোরিয়াল একাধিক ইভেন্ট পরিচালনা সম্পর্কে।




Related