مرجع رویدادها در jQuery
دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 5 دقیقه آخرین بروز رسانی: 10 خرداد 1401مرجع رویدادها در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی میشود. در این مقاله لیستی از متدهای جی کوئری آمده است که میتوان آنها را روی یک شی رویداد فراخوانی کرد.
مرجع رویدادها در jQuery – متدهای رویدادهای جی کوئری
متد | شرح |
preventDefault() | از اجرای عملکرد پیش فرض مرورگر جلوگیری میکند |
isDefaultPrevented() | نشان می دهد که آیا متد ()preventDefault تا به حال روی این شی رویداد فراخوانی شده است یا خیر |
stopPropagation() | حباب کردن یک رویداد به عناصر والد را متوقف میکند و از اطلاع رسانی به هر کنترل کننده والد از رویداد جلوگیری میکند |
isPropagationStopped() | نشان میدهد که آیا متد ()stopPropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر |
stopImmediatePropagation() | اجرای بقیه کنترل کنندهها را متوقف میکند |
isImmediatePropagationStopped() | نشان میدهد که آیا متد ()stopImmediatePropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر |
متدهای دستکاری رویداد
جدول زیر متدهای مهم مرتبط با رویداد را فهرست میکند:
متد | شرح |
bind() | یک کنترل کننده را به یک یا چند رویداد (مانند کلیک) برای هر عنصر منطبق متصل میکند، همچنین میتواند رویدادهای سفارشی را پیوند دهد |
off() | این کار برعکس live را انجام میدهد، یک رویداد live محدود را حذف میکند |
hover() | شبیه سازی شناور کردن؛ به عنوان مثال حرکت ماوس روی یک شی برای خاموش یا روشن کردن آن |
on() | یک کنترل کننده را به یک رویداد (مانند کلیک) برای همه عناصر منطبق با عنصر فعلی و آینده متصل میکند همچنین میتواند رویدادهای سفارشی را پیوند دهد |
one() | یک کنترل کننده را به یک یا چند رویداد متصل میکند تا برای هر عنصر منطبق یک بار اجرا شود |
ready() | تابعی را متصل میکند تا هر زمان که DOM آماده عبور و دستکاری است اجرا شود |
trigger() | یک رویداد را در هر عنصر منطبق راه اندازی میکند |
triggerHandler() | همه کنترل کنندههای رویداد محدود را روی یک عنصر فعال میکند |
unbind() | این کار برعکس bind را انجام میدهد، رویدادهای محدود را از هر یک از عناصر مطابقت حذف میکند |
متدهای پشتیبانی رویداد
jQuery همچنین مجموعهای از توابع کمکی رویداد را ارائه میدهد که میتوان از آنها برای راها ندازی یک رویداد برای اتصال انواع رویدادهای ذکر شده در بالا استفاده کرد.
متدهای Trigger
در قطعه کد زیر مثالی آورده شده است که رویداد تاری را در همه پاراگرافها فعال میکند:
$("p").blur();
متدهای Binding
در قطعه کد زیر مثالی آورده شده است یک رویداد کلیک را روی همه عناصر <div> اعمال میکند:
$("div").click( function () {
// do something here
});
در اینجا لیست کاملی از تمام متدهای پشتیبانی جی کوئری آمده است:
متد | شرح |
blur() | رویداد تاری را روی هر عنصر منطبق فعال میکند |
change() | رویداد تغییر را روی هر عنصر منطبق فعال میکند |
click() | رویداد کلیک را روی هر عنصر منطبق فعال میکند |
dblclick() | رویداد dblclick را روی هر عنصر منطبق فعال میکند |
error() | رویداد خطا را روی هر عنصر منطبق فعال میکند |
focus() | رویداد فوکوس را روی هر عنصر منطبق فعال میکند |
keydown() | رویداد نگه داشتن کلید کیبورد را روی هر عنصر منطبق فعال میکند |
keypress() | رویداد فشردن کلید کیبورد را روی هر عنصر منطبق فعال میکند |
keyup() | رویداد رها کردن کلید کیبورد را روی هر عنصر منطبق فعال میکند |
load() | یک تابع را به رویداد load هر عنصر منطبق متصل میکند |
mousedown() | یک تابع را به رویداد نگه داشتن کلیک موس روی هر عنصر منطبق متصل میکند |
mouseenter() | یک تابع را به رویداد فشردن کلیک موس روی هر عنصر منطبق متصل میکند |
mouseleave() | یک تابع را به رویداد رها کردن کلیک موس روی هر عنصر منطبق متصل میکند |
mousemove() | یک تابع را به رویداد حرکت موس روی هر عنصر منطبق متصل میکند |
mouseout() | یک تابع را به رویداد رها کردن حرکت موس از روی هر عنصر منطبق متصل میکند |
mouseover() | یک تابع را به رویداد مکث موس روی هر عنصر منطبق متصل میکند |
mouseup() | یک تابع را به رویداد mouseup روی هر عنصر منطبق متصل میکند |
resize() | یک تابع را به رویداد تغییر اندازه هر عنصر منطبق متصل میکند |
scroll() | یک تابع را به رویداد اسکرول هر عنصر منطبق متصل میکند |
select() | یک تابع را به رویداد انتخاب کردن هر عنصر منطبق متصل میکند |
submit() | یک تابع را به رویداد ثبت کردن هر عنصر منطبق متصل میکند |
unload() | یک تابع را به رویداد unload هر عنصر منطبق متصل میکند |
مرجع رویدادها در jQuery – ویژگیهای رویداد
مرجع رویدادها در jQuery ؛ ویژگی/ویژگیهای رویداد زیر برای دسترسی مستقل به پلتفرم در دسترس و ایمن هستند:
ویژگی | شرح |
altKey | اگر کلید Alt هنگام راهاندازی رویداد فشار داده شد روی true، در غیر این صورت false تنظیم میشود، کلید Alt در اکثر کیبوردهای مک با عنوان Option مشخص میشود |
ctrlKey | اگر کلید Ctrl هنگام راهاندازی رویداد فشار داده شد، روی true، اگر نه، روی false تنظیم میشود |
data | مقدار در صورت وجود، به عنوان پارامتر دوم به دستور bind() در هنگام ایجاد handler ارسال میشود |
keyCode | برای رویدادهای keyup و keydown، کلید فشار داده شده را برمی گرداند |
metaKey | اگر کلید متا هنگام راهاندازی رویداد فشار داده شد روی true، در غیر این صورت false تنظیم میشود، کلید متا کلید Ctrl در کامپیوتر و کلید Command در مک است |
pageX | برای رویدادهای ماوس، مختصات افقی رویداد را نسبت به مبدا صفحه مشخص میکند |
pageY | برای رویدادهای ماوس، مختصات عمودی رویداد را از مبدا صفحه مشخص میکند |
relatedTarget | برای برخی از رویدادهای ماوس، عنصری را که مکان نما هنگام راه اندازی رویداد ترک کرده یا وارد کرده است، مشخص میکند |
screenX | برای رویدادهای ماوس، مختصات افقی رویداد را نسبت به مبدأ صفحه مشخص میکند |
screenY | برای رویدادهای ماوس، مختصات عمودی رویداد را از مبدا صفحه مشخص میکند |
shiftKey | اگر کلید Shift هنگام راهاندازی رویداد فشار داده شد روی true، در غیر این صورت false تنظیم میشود |
target | عنصری را که رویداد برای آن راه اندازی شده است شناسایی میکند |
timeStamp | timeStamp (بر حسب میلی ثانیه) هنگام ایجاد رویداد |
type | برای همه رویدادها، نوع رویدادی را مشخص میکند که راه اندازی شده است (به عنوان مثال، click) |
which | برای رویدادهای صفحه کلید، کد عددی کلیدی را که باعث رویداد شده است، و برای رویدادهای ماوس، مشخص میکند که کدام دکمه فشار داده شده است (1 برای چپ، 2 برای وسط، 3 برای راست) |
مقاله مرجع رویدادها در jQuery در اینجا به پایان میرسد، نظرات خود را با ما به اشتراک بگذارید.
این مقاله چقدر براتون مفید بود؟