美文网首页
怎么用div模拟textaera

怎么用div模拟textaera

作者: 心大的少年 | 来源:发表于2021-05-20 15:55 被阅读0次

    一、使用

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

    <div contenteditable></div>
    

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


    contenteditable兼容

    二、注意

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

    相关文章

      网友评论

          本文标题:怎么用div模拟textaera

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