Wie können 'onblur' und ähnliche Veranstaltungen unterstützt werden?

asp.net-core blazor c#

Frage

Ich möchte etwas tun wie:

<td contenteditable=true @onblur(async (txt) => { ... })>

aber zur Zeit scheint es nur @onchange unterstützt wird , und nicht tatsächlich ausgelöst wird, wenn contenteditable Inhalt geändert wird. Ich nehme an, die Methode würde einen JS-Handler haben, der den C # -Handler aufruft, aber ich weiß nicht, ob die Kommunikation so gehen kann. Ist jetzt die beste Option, nur eine Schaltfläche zu haben, die einen onclick Handler von 'save to DB' hat? Oder gibt es eine bessere Option?

Akzeptierte Antwort

Sie haben Recht, die aktuelle Version von Blazor unterstützt das onblur-Ereignis nicht. Nur Onclick-, Onchange- und Onkeypress-Ereignisse werden unterstützt. Ich glaube, diese Pull-Anfrage sollte Zugriff auf mehr Ereignisse ermöglichen und sollte in der Version 0.2.0 sein.

Sie können C # -Methoden von JavaScript aufrufen, wenn Sie diese Route verwenden möchten. In diesem Blogpost finden Sie ein Beispiel. Aber es könnte sich lohnen, auf die Version 0.2.0 zu warten, die in der nächsten Woche veröffentlicht werden sollte.


Beliebte Antwort

Ich habe das Bedürfnis gefühlt, ein Cheatsheet mit verfügbaren Events in Blazor zu erstellen.


Fokusereignisse (UIFocusEventArgs)

onfocus        
onblur
onfocusin
onfocusout

Mausereignisse (UIMouseEventArgs)

onmouseover          
onmouseout    
onmousemove   
onmousedown   
onmouseup     
onclick       
ondblclick    
oncontextmenu 

https://github.com/aspnet/Blazor/blob/master/test/testapps/BasicTestApp/MouseEventComponent.cshtml

Mausradereignisse (UIWheelEventArgs)

onwheel       
onmousewheel  

Ereignisse ziehen (UIDragEventArgs)

ondrag      
ondragend   
ondragenter 
ondragleave 
ondragover  
ondragstart 
ondrop      

Tastaturereignisse (UIKeyboardEventArgs)

onkeydown    
onkeyup      
onkeypress   

https://github.com/aspnet/Blazor/blob/master/test/testapps/BasicTestApp/KeyPressEventComponent.cshtml

Eingabeereignisse (UIEventArgs)

oninput        
oninvalid       
onreset       
onselect        
onselectstart   
onselectionchange
onsubmit     

onchange        UIChangeEventArgs

Zwischenablage (UIClipboardEventArgs)

oncopy
oncut
onpaste

onbeforecopy        UIEventArgs
onbeforecut       
onbeforepaste     

Berührungsereignisse (UITouchEventArgs)

ontouchcancel
ontouchend 
ontouchmove
ontouchstart
ontouchenter
ontouchleave

https://github.com/aspnet/Blazor/blob/master/test/testapps/BasicTestApp/TouchEventComponent.cshtml

Zeigerereignisse (UIPointerEventArgs)

gotpointercapture
lostpointercapture
pointercancel    
pointerdown    
pointerenter    
pointerleave    
pointermove      
pointerout       
pointerover     
pointerup        

Medienereignisse (UIEventArgs)

oncanplay      
oncanplaythrough
oncuechange
ondurationchange
onemptied   
onpause       
onplay     
onplaying      
onratechange 
onseeked      
onseeking      
onstalled      
onstop       
onsuspend      
ontimeupdate   
onvolumechange  
onwaiting       

Fortschrittsereignisse (UIProgressEventArgs)

onloadstart
ontimeout
onabort
onload
onloadend
onprogress

onerror        (UIErrorEventArgs)

Allgemeine Ereignisse (UIEventArgs)

onactivate      
onbeforeactivate   
onbeforedeactivate 
ondeactivate       
onended       
onfullscreenchange 
onfullscreenerror  
onloadeddata       
onloadedmetadata   
onpointerlockchange
onpointerlockerror 
onreadystatechange 
onscroll      


Lizenziert unter: CC-BY-SA with attribution
Nicht verbunden mit Stack Overflow
Ist diese KB legal? Ja, lerne warum
Lizenziert unter: CC-BY-SA with attribution
Nicht verbunden mit Stack Overflow
Ist diese KB legal? Ja, lerne warum