css属性之:contentEditable模拟input标签

不是媒体标签的,如:img,video等;可以加上contentEditable:true模拟input标签,用onInput方法就可以模拟input的onChange事件获取数据;代码如下:

                        <div
                            contentEditable={true}
                            onInput={({ target }) => {
                                console.log(target.innerText);
                            }}>

                        </div>

ps:富文本编辑器的底层原理,就是利用了这个属性

猜你喜欢

转载自blog.csdn.net/weixin_43925630/article/details/137909543