HTML5 编辑区域属性 contenteditable 的使用与监听


HTML:

<span contenteditable="true">内容内容内容</span>

效果:

监听失焦(vue)——

<span contenteditable="true" @blur="editnameSet(index, $event)">{{item.name}}</span>

监听实时修改(vue)——

<span contenteditable="true" @keyup="editnameSet(index, $event)">{{item.name}}</span>

以上两个监听是基于vue.js的,原生同理

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM