美文网首页
如何实现contenteditable可输入元素的onchang

如何实现contenteditable可输入元素的onchang

作者: atmel | 来源:发表于2019-03-08 23:55 被阅读0次

    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可输入元素的onchang

          本文链接:https://www.haomeiwen.com/subject/vayyoftx.html