معرفی
نسخه قبلی Blazor از تعداد محدودی رویداد پشتیبانی می کند. فقط رویدادهای onclick و onchange را پشتیبانی می کند. نسخه فعلی Blazor مدیریت رویداد بسیار غنی را ارائه می دهد. در نسخه فعلی Blazor، می توانید با عنصر HTML به اکثر رویدادهای DOM دسترسی داشته باشید. مقدار ویژگی به عنوان یک کنترل کننده رویداد در نظر گرفته می شود.
در زیر سینتکس Razor برای تعریف رویداد در جزء Blazor آمده است.
Blazor همچنین از یک کنترل کننده رویداد نماینده ناهمزمان که Task را برمی گرداند پشتیبانی می کند. کنترل کننده رویداد نماینده Blazor به طور خودکار یک رویداد رندر رابط کاربری را راه اندازی کرده است، بنابراین نیازی به تماس دستی StateHasChanged در هر بار در رویداد نیست. EventCallbackکلاس به عنوان یک پارامتر در معرض کامپوننت قرار می گیرد، بنابراین، می تواند به راحتی مصرف کنندگان را از وقوع اتفاقی مطلع کند.
مثال
در مثال زیر، هر بار که دکمه کلیک می شود، متد "IncrementCount" فراخوانی می شود.
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
استدلال های رویداد
Blazor همچنین آرگومان رویداد را ارائه می دهد اگر آرگومان های رویداد پشتیبانی شده از رویداد در تعریف متد رویداد باشند. به عنوان مثال، MouseEventArgs مختصات ماوس را زمانی که کاربر نشانگر ماوس را در UI حرکت می دهد، ارائه می کند.
جدول زیر حاوی آرگومان های رویداد پشتیبانی شده است،
مناسبت ها | کلاس | رویدادهای DOM |
کلیپ بورد | ClipboardEventArgs | oncut، oncopy، onpaste |
|