کلیک کردن بر روی یک دکمه (Button) از صفحه، با کدنویسی، با روش click ، در JavaScript
وقتی یک دکمه (Button) با استفاده از تگ button در صفحه تعریف کرده باشیم ( کلید شماره 2795 )، عملکرد معمولی دکمه به این صورت است که کاربر بر روی دکمه (Button) کلیک می کند و بنابراین بسته به کاربردی که برای آن دکمه (Button) در نظر گرفته ایم، ممکن است باعث Submit شدن یک فرم (Form) و یا اجرای یک سری کد JavaScript یا ... شود. اما گاهی نیاز داریم که خودمان از طریق اجرای مقداری کد، باعث کلیک شدن دکمه (Button) شویم (تا عملکرد تعیین شده برای دکمه، اجرا گردد).
برای این منظور، می توانیم از روش click در JavaScript استفاده نماییم.
به عنوان مثال، فرض کنید که با استفاده از یک تگ button که دارای id برابر kelidestan است، یک دکمه (Button) را تعریف کرده باشیم :
اکنون برای اینکه با کدنویسی، بر روی دکمه (Button) کلیک نماییم، کد JavaScript زیر را اجرا می کنیم :
در کد بالا، روش getElementById برای انتخاب عنصر بر اساس id آن به کار رفته است.
به مثال زیر توجه کنید :
کد کامل صفحه HTML :
دو دکمه (Button) در صفحه تعریف نموده ایم که اولی دارای id برابر kelidestan می باشد :
که در آن، با استفاده از مشخصه onclick تعیین کرده ایم که اگر کاربر بر روی آن دکمه (Button) کلیک کرد، کد JavaScript زیر اجرا گردد ( کلید شماره 2687 ) :
اجرای کد بالا، باعث می شود که پیامی با عنوان kelidestan.com به کاربر نمایش داده شود ( کلید شماره 626 ).
دکمه (Button) دوم با id برابر my_button تعریف شده است :
که در آن، با استفاده از مشخصه onclick تعیین کرده ایم که اگر کاربر بر روی آن دکمه (Button) کلیک کرد، کد JavaScript زیر اجرا گردد ( کلید شماره 2687 ) :
در کد بالا، تابعی با نام clickHandler اجرا شده است که کدهای تعریف آن را در بخش زیر از کدهای صفحه، نوشته ایم ( کلید شماره 2685 ) :
بنابراین اجرا شدن تابع clickHandler باعث می شود که کد JavaScript زیر اجرا گردد :
اجرای کد بالا، باعث کلیک شدن دکمه با id برابر kelidestan می شود (دکمه اول در صفحه، از طریق اجرای این کد، کلیک می شود).
بنابراین در این صفحه HTML ، اگر بر روی دکمه با عنوان Button 2 کلیک کنیم، دکمه Button 1 کلیک می شود و کدهای متناظر با آن اجرا می گردد (نمایش پیامی با عنوان kelidestan.com به کاربر).
نتیجه :
