如何实现contenteditable可输入元素的onchange事件

contenteditable 属性是 HTML5 中的新属性,设置属性值为true时可实现将div、p等元素转化为类似input的可输入元素。但是此元素在输入中文时无法正常使用onchange事件实现常规需求,如下提供可替换方案:

假设需求:可编辑输入框中输入值改变即向后台请求,发送数据。

如果是input、textarea元素,此场景可以用onchange事件轻松完成,然而可编辑的div元素利用此onchange或者oninput事件时会出现不符场景的非常规情况(输入中文时,中文未生成,仍在敲击键盘时会触发输入值改变,获取当前敲击的英文字母而发送请求)
eg:https://s31.aconvert.com/convert/p3r68-cdx67/jcx2z-lbens.gif

你可能感兴趣的:(如何实现contenteditable可输入元素的onchange事件)