মাউসওভার () এবং হোভার () ফাংশনটি কখন নির্বাচন করবেন?

Question

JQuery .mouseover()এবং .hover()ফাংশন মধ্যে পার্থক্য কি ? যদি তারা পুরোপুরি একই হয় তবে jQuery দুটি ব্যবহার করে?

Comments

এটি সদৃশ প্রশ্ন নয়। আপনার প্রদত্ত লিঙ্কটিতে মাউসওভার এবং মাউসেন্টার ইভেন্ট রয়েছে তবে আমার হ'ল মাউসওভার এবং ইভেন্টগুলি হোভার।

— ভোজেন্দ্র রুনিয়র

এগুলি মাউসওভার ন্যাড মাউসলেভের মতোই আলাদা এবং নীচে গৃহীত উত্তর সঠিক নয় ... হোভার ফাংশনটি মাউসওন্টার এবং মাউসলেভ ইভেন্টগুলিকে মাউসওভার এবং মাউসআউট ইভেন্টগুলি যুক্ত করে না

— অরুণ পি জনি

দেখুন jsfiddle.net/arunpjohny/cZb5b/1el উপাদান থেকে মাউসটি সরান childএবং কনসোলটি পরীক্ষা করুন

— অরুণ পি জনি

@ অরুনপ জোহনি দয়া করে পুনরায় পড়ুন, যা মাউসেন্টার এবং মাউসলেভকে মাউসওভার এবং মাউসআউট নয় বলছে।

— ভোজেন্দ্র রুনিয়র

এছাড়াও হোভার সহ - jsfiddle.net/arunpjohny/cZb5b/2 আপনি যদি কনসোলটি বিশ্লেষণ করতে পারেন তবে পার্থক্যটি খুঁজে পেতে পারেন ...

— অরুণ পি জনি

Answer 1

সরকারী jQuery ডকুমেন্টেশন থেকে

• .mouseover()
  "মাউসওভার" জাভাস্ক্রিপ্ট ইভেন্টে ইভেন্ট হ্যান্ডলারের সাথে বেঁধে রাখুন, বা ইভেন্টটিকে কোনও উপাদানটিতে ট্রিগার করুন।

---

• .hover() এক বা দুটি হ্যান্ডলারকে ম্যাচের উপাদানগুলিতে আবদ্ধ করুন, যখন মাউস পয়েন্টারটি উপাদানগুলিতে প্রবেশ করে এবং ছেড়ে যায় তখন কার্যকর করা হবে ।

  কলিং $(selector).hover(handlerIn, handlerOut)শর্টহ্যান্ড এর জন্য: $(selector).mouseenter(handlerIn).mouseleave(handlerOut);

---

• .mouseenter()

  মাউস যখন কোনও উপাদানে প্রবেশ করে তখন একটি ইভেন্ট হ্যান্ডলারকে নিক্ষেপ করতে বাঁধুন, বা কোনও উপাদানটিতে সেই হ্যান্ডলারটি ট্রিগার করুন।

  mouseoverপয়েন্টারটি যখন শিশু উপাদানটিতে চলে যায় তখন mouseenterআগুন জ্বলতে থাকে , যখন পয়েন্টারটি বাউন্ড এলিমেন্টে চলে আসে কেবল তখনই গুলি চালায়।

---

কি এই মানে

এই কারণে, .mouseover()হয় না হিসাবে একই .hover()জন্য একই কারণে, .mouseover()হয় না হিসাবে একই .mouseenter()।

$('selector').mouseover(over_function) // may fire multiple times

// enter and exit functions only called once per element per entry and exit
$('selector').hover(enter_function, exit_function) 

Answer 2

.hover()ফাংশন দুটি ফাংশন যুক্তি গ্রহণ করে, একটি mouseenterইভেন্টের জন্য এবং একটি mouseleaveইভেন্টের জন্য ।

Comments

প্রশ্ন শিরোনামে উল্লিখিত দুটি ফাংশনের মধ্যে পার্থক্যের ক্ষেত্রে এটি একটি দুর্দান্ত পয়েন্ট, ধন্যবাদ! কীভাবে। (ওভার) কাজ করে: w3schools.com/jquery/event_hover.asp

— বাহমান.এ

Answer 3

আপনি jQuery ডক পৃষ্ঠায় http://api.jquery.com/mouseover/ চেষ্টা করে দেখতে পারেন । এটি একটি দুর্দান্ত সামান্য, ইন্টারেক্টিভ ডেমো যা এটি খুব স্পষ্ট করে তোলে এবং আপনি আসলে নিজের জন্য দেখতে পারেন।

সংক্ষেপে, আপনি খেয়াল করতে পারবেন যে কোনও মাউস ওভার ইভেন্টের উপাদান যখন আপনি এটি শেষ করেন তখন ঘটে থাকে - এটি তার সন্তানের বা পিতা বা মাতা উপাদান থেকে আসে, তবে মাউস প্রবেশের ঘটনাটি তখনই ঘটে যখন মাউস পিতামণ্ডল উপাদান থেকে উপাদানটিতে চলে যায়।

Answer 4

অফিশিয়াল ডক্স থেকে: ( http://api.jquery.com/hover/ )

.হোভার () পদ্ধতিটি মাউসেন্টার এবং মাউসলেভ ইভেন্ট উভয়ের জন্য হ্যান্ডলারকে আবদ্ধ করে। আপনি যখন মাউসটি এলিমেন্টের মধ্যে থাকবেন তখন আপনি কোনও উপাদানের সাথে আচরণ প্রয়োগ করার জন্য এটি ব্যবহার করতে পারেন।

Answer 5

যেমনটি আপনি http://api.jquery.com/mouseenter/ এ পড়তে পারেন

মাউসেটর জাভাস্ক্রিপ্ট ইভেন্টটি ইন্টারনেট এক্সপ্লোরারের মালিকানাধীন। ইভেন্টটির সাধারণ উপযোগিতার কারণে, jQuery এই ইভেন্টটি অনুকরণ করে যাতে এটি ব্রাউজার নির্বিশেষে ব্যবহার করা যায়। মাউস পয়েন্টার উপাদানটিতে প্রবেশ করার পরে এই ইভেন্টটি একটি উপাদানকে পাঠানো হয়। যে কোনও এইচটিএমএল উপাদান এই ইভেন্টটি পেতে পারে।