@onclick — klick kör en metod

<button @onclick="SägHej">Klicka</button>
<p>@meddelande</p>
@code {
private string meddelande = "";
private void SägHej()
{
meddelande = "Hej från Blazor!";
}
}

Sidan uppdateras utan att laddas om. Blazor håller koll på vad som ändrats och uppdaterar bara den biten.

Vanliga events

EventElementNär
@onclickbutton, div, spanKlick
@oninputinput, textareaVarje tangenttryckning
@onchangeinput, selectFältet lämnas
@onsubmitformFormulär skickas
@onkeydowninputTangent trycks ned
@onmouseoverValfrittMusen förs över elementet

@oninput ger dig texten live via ChangeEventArgs:

<input @oninput="Filtrera" placeholder="Sök..." />
<p>Du söker: @sökord</p>
@code {
private string sökord = "";
private void Filtrera(ChangeEventArgs e)
{
sökord = e.Value?.ToString() ?? "";
}
}

e.Value är object? — därav ?.ToString() och ?? "" för att alltid landa på en giltig sträng, även om värdet skulle vara null.