怎么用div模拟textaera

一、使用

使用div模拟textarea标签很简单,只需要在div标签上添加contenteditable="true"即可

想要监听里面的内容发生了改变可以使用input事件,而且ie也支持这个属性,所以兼容性还是比较好的


contenteditable兼容

二、注意

  1. 谷歌在获取焦点的时候会默认出现黑色的outline,
    只需要设置outline: 0;即可
    默认的outline
  2. 火狐中获取焦点会出现默认的虚线框,这个见仁见智吧

你可能感兴趣的:(怎么用div模拟textaera)