آموزش طراحی وب

رویداد dblclick() در جی کوئری

در این جلسه ی آموزشی با ذکر چند مثال رویداد dblclick رو آموزش میدیم .

Jquery

فصل سوم : event ها در جی کوئری

جلسه چهارم  : رویداد  dblclick()

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در جلسه ی پیش راجع به رویداد click صحبت کردیم ، در این جلسه راجع به رویداد dblclick صحبت می کنیم . این دو رویداد کاملا شبیه به هم هستند ، فقط زمانی این رویداد اتفاق میوفته که روی یک عنصر دابل کلیک شده باشه .

 

قاعده دستوری dblclick()

به شکل زیر شما میتونید از این رویداد استفاده کنید :

Selector : عنصری هست که هنگام دابل کلیک بر روی اون ، این رویداد انجام میشه .

Function : در این جا دستوراتی رو لحاظ می کنیم که قراره هنگام رویداد اتفاق بیوفته .

 

حالا برای درک بهتر چند مثال میزنیم :

ما میخوایم یه دکمه طراحی کنیم ، زمانی که روی دکمه دابل کلیک کردیم ، یک پیغام به کاربر نمایش داده بشه .

یه دکمه در کد html لحاظ می کنیم :

و دستور جی کوئری رو بصورت زیر مینویسیم :

خوب حالا شما با دابل کلیک روی دکمه دستور alert اجرا میشه و یک پیغام رو به کاربر نمایش میده .

 

حالا یه مثال دیگه میزنیم :

میخوایم یک عنصر a در صفحه قرار بدیم و زمانی که روی این عنصر دابل کلیک کردیم رنگ پس زمینه به رنگ زرد تبدیل بشه .

حالا کد جی کوئری زیر رو برای این رویداد مینویسیم :

حالا شما با دابل کلیک روی عنصر a میتونید رنگ پس زمینه رو به زرد تبدیل کنید .

 

خوب دوستان این جلسه ی آموزشی به اتمام رسید ، میتونید فایل این پروژه رو دریافت کنید و خودتون اجرا کنید و مشاهده کنید .

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۲

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین