تعیین یک سری کد برای اجرا شدن، هنگام برداشتن موس از روی یک عنصر دلخواه از صفحه، با رویداد mouseleave ، در jQuery
برای اینکه تعیین کنیم که هنگام برداشتن موس از روی یک عنصر دلخواه از صفحه، یک سری کد اجرا شوند، یک رویداد (event) با نام mouseleave در jQuery به کار می رود. چگونگی استفاده از رویداد mouseleave به صورت زیر می باشد :
کد jQuery کامل :
که به جای عبارت // your code ، باید کدهایی که می خواهیم به محض برداشتن موس از روی عنصر اجرا شوند را بنویسیم. دقت شود که ما در کد بالا، تعیین کرده ایم که با برداشتن موس از روی هر عنصر p (یعنی پاراگراف) ، این کدها اجرا شوند. بنابراین مثلا وقتی 4 عنصر p (پاراگراف ساخته شده با تگ های p) در صفحه داشته باشیم، با برداشتن موس از روی هر کدام از آنها، کدهای مورد نظر اجرا خواهند شد.
به مثال زیر توجه کنید :
نتیجه :
4 پاراگراف (paragraph) با تگ های p ساخته ایم که اگر موس را از روی هر یک از آنها بردارید (موس به روی پاراگراف رفته و بعد موس را از اوی آن کنار ببریم)، رنگ پس زمینه آنها به زرد تبدیل می شود :
