如何支持'onblur'和類似事件?

asp.net-core blazor c#

我想做的事情如下:

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

但目前似乎只有@onchange支持,並在實際上不火contenteditable內容被改變。我想方法是有一個調用C#處理程序的JS處理程序,但我不知道通信是否可以這樣做。現在最好的選擇就是擁有一個具有“保存到數據庫”的onclick處理程序的按鈕?或者有更好的選擇嗎?

一般承認的答案

你是對的,當前版本的Blazor不支持onblur事件。僅支持onclick,onchange和onkeypress事件。我相信這個拉取請求應該允許訪問更多事件,並且應該在0.2.0版本中。

如果你想走這條路,你可以用JavaScript調用C#方法。有關示例,請參閱此博客文章 。但它可能值得等待0.2.0版本,因為它應該在下週發布。


熱門答案

感覺需要在Blazor中建立一個可用事件的備忘單....似乎相關的是留在這裡作為onblur添加。


焦點事件(UIFocusEventArgs)

onfocus        
onblur
onfocusin
onfocusout

鼠標事件(UIMouseEventArgs)

onmouseover          
onmouseout    
onmousemove   
onmousedown   
onmouseup     
onclick       
ondblclick    
oncontextmenu 

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

鼠標滾輪事件(UIWheelEventArgs)

onwheel       
onmousewheel  

拖動事件(UIDragEventArgs)

ondrag      
ondragend   
ondragenter 
ondragleave 
ondragover  
ondragstart 
ondrop      

鍵盤事件(UIKeyboardEventArgs)

onkeydown    
onkeyup      
onkeypress   

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

輸入事件(UIEventArgs)

oninput        
oninvalid       
onreset       
onselect        
onselectstart   
onselectionchange
onsubmit     

onchange        UIChangeEventArgs

剪貼板(UIClipboardEventArgs)

oncopy
oncut
onpaste

onbeforecopy        UIEventArgs
onbeforecut       
onbeforepaste     

觸摸事件(UITouchEventArgs)

ontouchcancel
ontouchend 
ontouchmove
ontouchstart
ontouchenter
ontouchleave

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

指針事件(UIPointerEventArgs)

gotpointercapture
lostpointercapture
pointercancel    
pointerdown    
pointerenter    
pointerleave    
pointermove      
pointerout       
pointerover     
pointerup        

媒體事件(UIEventArgs)

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

進度事件(UIProgressEventArgs)

onloadstart
ontimeout
onabort
onload
onloadend
onprogress

onerror        (UIErrorEventArgs)

一般事件(UIEventArgs)

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


許可下: CC-BY-SA with attribution
不隸屬於 Stack Overflow
這個KB合法嗎? 是的,了解原因
許可下: CC-BY-SA with attribution
不隸屬於 Stack Overflow
這個KB合法嗎? 是的,了解原因