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