JQuery এর মাউসআউট () এবং মাউসলেভ () এর মধ্যে পার্থক্য কী?


101

JQuery এর মাউসআউট () এবং মাউসলেভ () এর মধ্যে পার্থক্য কী?



নোট: সমতূল্য mouseover, এবং সমতুল্য mouseleaveহয় mouseenter
অ্যান্ড্রু

উত্তর:


101

মাউসলেভ ইভেন্টটি যেভাবে ঘটনা বুদবুদ পরিচালনা করে তা মাউসআউট থেকে পৃথক। যদি এই উদাহরণে মাউসআউট ব্যবহার করা হয়, তবে মাউস পয়েন্টারটি যখন ভিতরের উপাদান থেকে সরে যায় তখন হ্যান্ডলারটি ট্রিগার হয়ে যায়। এটি সাধারণত অবাঞ্ছিত আচরণ। অন্যদিকে মাউসলেভ ইভেন্টটি কেবল তখনই তার হ্যান্ডলারটিকে ট্রিগার করে যখন মাউস উপাদানটির সাথে আবদ্ধ হয় যা বংশধর নয় leaves সুতরাং এই উদাহরণে, হ্যান্ডলারটি ট্রিগার করা হয় যখন মাউস বাইরের উপাদান ছেড়ে দেয় তবে অভ্যন্তরীণ উপাদানটি নয়।

সূত্র: http://api.jquery.com/mouseleave/


4
মাউসওভার বনাম মাউসেন্টার: jsfiddle.net/hejdav/945pv53h/3 (মাউসআউট এবং মাউসলেভ সমতুল্য)
হিজদাভ

উভয় পদ্ধতিতে কাজ করা এবং তাদের মধ্যে পার্থক্য দেখে আমার জন্য কাজ করার সময় উপরের ব্যাখ্যাটি আরও স্পষ্ট হয়।
অপরাজেয়মুফি

15

এমন সময়গুলি হতে পারে যখন mouseoutতার চেয়ে ভাল পছন্দ choicemouseleave

উদাহরণস্বরূপ, ধরা যাক আপনি এমন একটি সরঞ্জামদণ্ড তৈরি করেছেন যা আপনি কোনও উপাদানের পাশে প্রদর্শিত করতে চান mouseenter। আপনি setTimeoutতাত্ক্ষণিকভাবে পপ আপ থেকে সরঞ্জামটিপ প্রতিরোধ করতে ব্যবহার করুন । আপনি মাউসটি ছেড়ে গেলে টুলটিপটি প্রদর্শিত না হলে এটি mouseleaveব্যবহারের সময়সীমা সাফ করে দিন clearTimeoutএটি সময়ের 99% কাজ করবে।

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

ব্যবহারকারী alertবক্স ওকে বাটন টিপে, এবং মাউস উপাদান ছেড়ে দেয়। তবে যেহেতু ব্রাউজার পৃষ্ঠাটি এখন লক অবস্থায় রয়েছে, ঠিক আছে বোতামটি চাপ না দেওয়া পর্যন্ত কোনও জাভাস্ক্রিপ্ট চালু হবে না, যার অর্থ আপনার mouseleaveইভেন্টটি আগুন নেবে না । ব্যবহারকারী ঠিক আছে চাপ দেওয়ার পরে টুলটিপ পপআপ হয়ে যাবে (যা আপনি চেয়েছিলেন তা নয়)।

mouseoutএই ক্ষেত্রে ব্যবহার করা উপযুক্ত সমাধান হবে কারণ এটি আগুন লাগবে।


4
আপনি ব্যাখ্যা করতে পারেন কেন mouseoutসেই ক্ষেত্রে গুলি চালানো হবে? ব্রাউজারটি এখনও লক অবস্থায় থাকবে না mouseout?
user31782

10

jQuery এপিআই ডক:

mouseout

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

একইভাবে mouseleaveএকটি কাস্টম ইভেন্ট, যা উপরের কারণে ডিজাইন করা হয়েছিল।

http://api.jquery.com/mouseleave/


3

ইভেন্ট মাউসআউটটি ট্রিগার করবে যখন মাউস নির্বাচিত উপাদানটি ছেড়ে যায় এবং যখন মাউস তার শিশু উপাদানও ছেড়ে যায়।

পয়েন্টার কেবলমাত্র নির্বাচিত উপাদানটি ছেড়ে দিলে ইভেন্ট মাউসলেভ উপাদানটি ট্রিগার করবে।

তথ্যসূত্র: ডাব্লু 3 স্কুল

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.