از دکمه های موجود در صفحات وب برای ارائه تجربه کاربر تعاملی استفاده می شود. به عنوان یک قاعده ، اگر پاسخ به کلیک یک دکمه نیازی به ارسال داده به سرور ندارد ، پس تعامل با استفاده از اسکریپت های JavaScript اجرا می شود. روشهای فراخوانی کد JavaScript مربوطه ممکن است متفاوت باشد - در زیر چندین گزینه ممکن برای دکمه ها از انواع مختلف وجود دارد.
دستورالعمل ها
مرحله 1
اگر نمایش یک دکمه در یک صفحه وب با استفاده از برچسب دکمه سازمان یافته باشد ، کد JavaScript را می توان در ویژگی onclick قرار داد. به عنوان مثال ، مانند این: دکمه البته توصیه نمی شود که کد را به اندازه کافی بزرگ به طور مستقیم در برچسب دکمه قرار دهید - بهتر است آن را به عنوان یک تابع طراحی کنید و فقط کد فراخوانی این تابع را در ویژگی onclick قرار دهید. مثلا:
تابع showAlert () {
alert ('دکمه کلیک شد!')
}
دکمه
گام 2
اگر دکمه از طریق یکی از تغییرات برچسب ورودی (ارسال ، بازنشانی ، دکمه یا تصویر) نمایش داده شود ، از همان ویژگی onclick می توان استفاده کرد. به عنوان مثال ، برای یک دکمه برای پاک کردن زمینه های فرم (بازنشانی) ، کد ممکن است به صورت زیر باشد: اگر می خواهید با کلیک روی دکمه فقط جاوا اسکریپت اجرا شود و عملکرد پیش فرض رخ ندهد ، دستور بازگشت را به عملکرد یا مستقیماً به ویژگی onclick false است. مثلا:
مرحله 3
اگر می خواهید پاسخی برای کلیک کردن روی یک دکمه از نوع ارسال ، سازماندهی کنید ، علاوه بر روش فوق با استفاده از ویژگی onclick ، می توانید از خصوصیات برچسب فرم که این دکمه به آن تعلق دارد استفاده کنید. فراخوانی عملکرد مربوطه را می توان در ویژگی onsubmit برچسب فرم قرار داد. مثلا:
مرحله 4
اگر دکمه یک عنصر فرم نیست ، بلکه فقط یک عنصر گرافیکی است (برچسب img) ، در این صورت استانداردهای آن نیز امکان استفاده از ویژگی onclick را دارد. مثلا:
مرحله 5
اگر دکمه یک لینک پیوندی است ، بنابراین نباید از ویژگی های خود دکمه استفاده کنید ؛ بهتر است از ویژگی های برچسب پیوند استفاده کنید. می توانید مانند گزینه های قبلی از برچسب onclick استفاده کنید. به عنوان مثال: و شما می توانید آدرس موجود در ویژگی href را با یک عملکرد تابع جایگزین کنید. به عنوان مثال ، مانند این:
