React Mui Tablecell休假活动
我有一个物质UI表，在行内，我有可编辑的字段。
有很多evetns Onputcapture，FocusCapture等。
但是我找不到当我离开牢房或 每当我完成编辑时。 我不想使用OnMouseleaving，因为客户可以使用选项卡按钮离开 细胞。 有这样的活动：我完成了编辑吗？
谢谢。
<TableCell align="right" contentEditable={true}
onInputCapture={ (e: React.ChangeEvent<HTMLTableCellElement>) =>
{
//some logic
}} >{data.ammount}</TableCell>
I have a material UI table and inside the row, i have editable fields.
There are many evetns like
onInputCapture,onFocusCapture and others.
but i couldnt find that should be fired when i leave the cell or
when ever i finish editing.
I dont want to use onMouseLeaving because clients may use Tab button to leave
the cell.
is there a event like: i finished editing?
thank you.
<TableCell align="right" contentEditable={true}
onInputCapture={ (e: React.ChangeEvent<HTMLTableCellElement>) =>
{
//some logic
}} >{data.ammount}</TableCell>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
mui 不直接支持 ContentEditable，因此对于任何 div 都是相同的，即
onInput这是一个示例 stackblitz
编辑：
您可以尝试添加此库react-contenteditable
我更新了 stackblitz，它适用于模糊
ContentEditable is not directly supported by mui, so is the same for any div, which would be
onInputHere is a sample stackblitz
EDIT:
You could try adding this lib react-contenteditable
I updated the stackblitz and it works on blur