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的，原生同理