Come possono essere supportati 'onblur' e eventi simili?

asp.net-core blazor c#

Domanda

Voglio fare qualcosa come:

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

ma al momento sembra supportato solo @onchange e in realtà non viene @onchange quando viene modificato il contenuto contenteditable . Suppongo che il metodo sarebbe avere un gestore JS che chiama il gestore C #, ma non so se la comunicazione può andare in questo modo. È l'opzione migliore ora solo per avere un pulsante che ha un gestore onclick di 'save to DB'? O c'è una migliore opzione disponibile?

Risposta accettata

Hai ragione, la versione corrente di Blazor non supporta l'evento onblur. Sono supportati solo gli eventi onclick, onchange e onkeypress. Credo che questa richiesta di pull dovrebbe consentire l'accesso a più eventi e dovrebbe essere nella versione 0.2.0.

È possibile chiamare i metodi C # da JavaScript se si desidera seguire questa rotta. Vedi questo post sul blog per un esempio. Ma potrebbe valere la pena aspettare la versione 0.2.0 come dovrebbe essere fuori nella prossima settimana.


Risposta popolare

Sentivo la necessità di costruire un cheatsheet degli eventi disponibili in Blazor .... Sembra rilevante lasciare qui come onblur è aggiunto.


Eventi di messa a fuoco (UIFocusEventArgs)

onfocus        
onblur
onfocusin
onfocusout

Eventi del mouse (UIMouseEventArgs)

onmouseover          
onmouseout    
onmousemove   
onmousedown   
onmouseup     
onclick       
ondblclick    
oncontextmenu 

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

Eventi della rotellina del mouse (UIWheelEventArgs)

onwheel       
onmousewheel  

Trascina eventi (UIDragEventArgs)

ondrag      
ondragend   
ondragenter 
ondragleave 
ondragover  
ondragstart 
ondrop      

Eventi della tastiera (UIKeyboardEventArgs)

onkeydown    
onkeyup      
onkeypress   

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

Input eventi (UIEventArgs)

oninput        
oninvalid       
onreset       
onselect        
onselectstart   
onselectionchange
onsubmit     

onchange        UIChangeEventArgs

Appunti (UIClipboardEventArgs)

oncopy
oncut
onpaste

onbeforecopy        UIEventArgs
onbeforecut       
onbeforepaste     

Toccare gli eventi (UITouchEventArgs)

ontouchcancel
ontouchend 
ontouchmove
ontouchstart
ontouchenter
ontouchleave

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

Eventi puntatore (UIPointerEventArgs)

gotpointercapture
lostpointercapture
pointercancel    
pointerdown    
pointerenter    
pointerleave    
pointermove      
pointerout       
pointerover     
pointerup        

Eventi multimediali (UIEventArgs)

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

Eventi di progresso (UIProgressEventArgs)

onloadstart
ontimeout
onabort
onload
onloadend
onprogress

onerror        (UIErrorEventArgs)

Eventi generali (UIEventArgs)

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


Autorizzato sotto: CC-BY-SA with attribution
Non affiliato con Stack Overflow
È legale questo KB? Sì, impara il perché
Autorizzato sotto: CC-BY-SA with attribution
Non affiliato con Stack Overflow
È legale questo KB? Sì, impara il perché