طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
رويدادهاي مربوط به صفحه کليد و ماوس در HTML
در اين قسمت به توضيح بخش دوم رويدادهاي HTML که مربوط به صفحه کليد و ماوس مي شود مي پردازيم.
رويدادهاي مربوط به صفحه کليد
سه رويداد در اين دسته قرار مي گيرد:
onkeydown :
در هنگام فشار دادن دکمه صفحه کليد اسکرپت تعريف شده در مقدار اين شناسه اجرا مي شود.
onkeypress :
وقتي که يک دکمه در صفحه کليد فشرده مي شود و رها مي شود اسکرپت موجود در اين شناسه اجرا مي شود.
<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 :
وقتي که کليد ماوس فشرده مي شود اين شناسه عمل مي کند.
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 onMouseUp="msg('onMouseUp')">وقتي کليد ماوس روي اين قسمت رها شود رويداد onMouseUp اجرا مي شود.</td>
در اين مثال msg('متن پيام') تابع جاوا اسکرپتي است که در صفحه مثال تعريف شده است. به جاي آن مي توانيد از کدهاي ديگري استفاده کنيد.
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب,
نویسنده: mohammad