رویدادهای مربوط به صفحه کلید و ماوس در HTML

رویدادهای , مربوط , صفحه , کلید , ماوس با 0 نظر

 

در این قسمت به توضیح بخش دوم رویدادهای HTMLکه مربوط به صفحه کلید و ماوس می شود می پردازیم .

 

· رویدادهای مربوط به صفحه کلید

سه رویداد در این دسته قرار می گیرد :

·                            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('متن پیام')تابع جاوا اسکرپتی است که در صفحه مثال تعریف شده است. به جای آن می توانید از کدهای دیگری استفاده کنید.