前端之家收集整理的这篇文章主要介绍了震惊p div 标签 可以编辑高度随内容的编辑而发生变化,前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
1==>只可编辑,粘贴复制字段长度不正常 <p contenteditable="true" >这是一个可编辑内容的p</p> 2==>既可编辑,又可粘贴复制,文本字段长度正常 <p contenteditable="plaintext-only" >这是一个可编辑内容的p</p> 3==>div变成可以编辑的方法跟上面的一样哈,下面就不做叙述了。
p{ outline: none; }
<div id="app"> <p id="pcontent" contenteditable="true" ref="pvalue" @blur="addBlur">22323</p> </div>
methods: { addBlur(){ console.log(document.querySelector("#pcontent").innerText); } },
为什么不使用@change事件进行监听了。因为change事件只适用于表单元素,
而p div这一类元素不可以使用@change事件
注意:当用于 select 元素时,change 事件会在选择某个选项时发生。
当用于 text field 或 area 时,change 事件会在元素失去焦点时发生。
以上是前端之家为你收集整理的震惊p div 标签 可以编辑高度随内容的编辑而发生变化全部内容,希望文章能够帮你解决震惊p div 标签 可以编辑高度随内容的编辑而发生变化所遇到的程序开发问题。
如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。