امتیاز موضوع:
  • 11 رأی - میانگین امتیازات: 2.73
  • 1
  • 2
  • 3
  • 4
  • 5
رویدادهای مربوط به صفحه کلید و ماوس در HTML
#1
  • رویدادهای مربوط به صفحه کلید
سه رویداد در این دسته قرار می گیرد:
  • onkeydown :
    در هنگام فشار دادن دکمه صفحه کلید اسکرپت تعریف شده در مقدار این شناسه اجرا می شود.
  • onkeypress :
    وقتی که یک دکمه در صفحه کلید فشرده می شود و رها می شود اسکرپت موجود در این شناسه اجرا می شود.
  • onkeyup :
    در هنگام رها شدن یک کلید این شناسه فعال می شود.
رویدادهای مربوط به صفحه کلید نباید در تگهای زیر استفاده شود:
<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>





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

کد:
<input value="onkeypress" type="text" onKeyPress="msg('onkeypress')" /><input value="onkeypress" type="text" onKeyUp="msg('onkeyup')" />
<input value="onkeypress" type="text" onKeyDown="msg('onkeydown')" />


  • رویدادهای مربوط به ماوس
هفت رویداد در این دسته قرار دارند:
  • onclick :
    در هنگام کلیک کردن بر روی قسمتی که این شناسه را دارد اجرا می شود.
  • ondblclick :
    مقدار موجود در این شناسه به هنگام دابل کلیک بر روی قسمتی که این شناسه در آن به کار رفته اجرا می شود.
  • onmousedown :
    وقتی که کلید ماوس فشرده می شود این شناسه عمل می کند.
  • onmousemove :
    وقتی که ماوس را در صفحه حرکت می دهید این رویداد اجرا می شود.
  • onmouseover :
    وقتی ماوس روی قسمتی که حاوی این شناسه است قرار می گیرد این رویداد اجرا می شود.
  • onmouseout :
    این رویداد وقتی که ماوس از روی قسمتی که حاوی این رویداد است خارج می شود اجرا می شود.
  • onmouseup :
    وقتی که کلید ماوس رها می شود این رویداد اجرا می شود.
رویدادهای مربوط به ماوس هم مانند رویدادهای صفحه کلید نباید در تگهای زیر استفاده شوند:
<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>





می توانید کدی را که در نوشتن مثالی از آن در سلولهایی که حاوی رویدادها هستند استفاده شده است در اینجا مشاهده کنید:

کد:
<td onClick="msg('onClick')">در این قسمت کلیک کنید تا رویداد onClick اجرا شود.</td>
<td onDblClick="msg('onDblClick')">در این قسمت دابل کلیک کنید تا رویداد onDblClick اجرا شود.</td>

<td onMouseDown="msg('onMouseDown')">در این قسمت کلید ماوس را پایین نگهدارید تا رویداد onMouseDown اجرا شود.</td>

<td onMouseMove="msg('onMouseMove')">روی این قسمت ماوس خود را حرکت دهید تا رویداد onMouseMove اجرا شود.</td>

<td onMouseOver="msg('onMouseOver')">ماوس خود را روی این قسمت قرار دهید تا رویداد onMouseOver اجرا شود.</td>

<td onMouseOut="msg('onMouseOut')">وقتی ماوس از روی این قسمت کنار رود رویداد onMouseOut اجرا می شود.</td>

<td onMouseUp="msg('onMouseUp')">وقتی کلید ماوس روی این قسمت رها شود رویداد onMouseUp اجرا می شود.</td>




در این مثال msg('متن پیام') تابع جاوا اسکرپتی است که در صفحه مثال تعریف شده است. به جای آن می توانید از کدهای دیگری استفاده کنید.

پاسخ
 سپاس شده توسط Dash @li


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  تگ ها و المنت های جدید HTML 5 مهدی علینقیان 0 129 21-04-2014، 10:38 AM
آخرین ارسال: مهدی علینقیان
  مقدمه آموزش HTML 5 مهدی علینقیان 0 117 21-04-2014، 10:35 AM
آخرین ارسال: مهدی علینقیان
  بیاین با هم HTML یاد بگیریم! انجمن مخ ها 20 1,491 03-05-2013، 05:54 PM
آخرین ارسال: انجمن مخ ها
  نوشتن سر فصلها و پاراگراف در HTML انجمن مخ ها 0 313 04-09-2012، 10:51 PM
آخرین ارسال: انجمن مخ ها
  اصول نوشتن صفحات HTML انجمن مخ ها 0 293 04-09-2012، 10:24 PM
آخرین ارسال: انجمن مخ ها
  آنچه که قبل از یادگیری HTML لازم است بدانید انجمن مخ ها 0 238 04-09-2012، 10:05 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان