本文主要是介绍css属性之:contentEditable模拟input标签,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
不是媒体标签的,如:img,video等;可以加上contentEditable:true
模拟input标签,用onInput方法就可以模拟input的onChange事件获取数据;代码如下:
<divcontentEditable={true}onInput={({ target }) => {console.log(target.innerText);}}></div>
ps:富文本编辑器的底层原理,就是利用了这个属性
这篇关于css属性之:contentEditable模拟input标签的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!