干掉 光标 ！ 有时候在做一些点击的组件时，如button、tag、侧边栏等等，做完了效果都不错，但是矫情的大前端会发现：点击到组件上的文字比如侧边栏时，会出现一个类似input的 光标 ！ 但我们根本就没有输入需求，这个 光标 很多余。如图： 是可忍孰不可忍！解决他需要一行代码。 .xxx { caret-color: transparent; textarea不支持局部文字改变颜色，也不支持内部嵌套其他 标签 。 // 在vue中可以直接这样写 <div contenteditable ="true" v-html='text'></div> data() { return { text: "考虑到发生纠纷实力肯定还是但是感觉< span style='color: #c0

JS解决 contenteditable ="true"的 光标 位置放到最后 元素 设置可编辑后， 光标 输入时候位置有问题处理。网搜了下能用，记录下。劝大家还是尽量用input这种 标签 编辑体验好一些，也省了一些问题 ```javascript function keepLastIndex(obj) { if (window.getSelection) {//ie11 10 9 ff safari obj.focus(); //解决ff不获取焦点无法定位问题 var range

### 回答1： contenteditable =true是一种HTML属性，允许用户在网页上编辑和修改文本内容。这个属性可以应用于任何HTML 元素 ，包括段落、标题、表格、列表等等。通过设置 contenteditable =true，用户可以直接在网页上进行编辑，而不需要使用外部编辑器或者其他工具。这个属性在一些网站上被广泛使用，例如博客、社交网络、在线文档等等。 ### 回答2： contenteditable =true是一种HTML属性，用于设置网页中的 元素 是否可编辑。如果将该属性设置为true，用户可以在浏览器中直接编辑网页中的文本、图像和其他 元素 。 使用 contenteditable =true可以方便用户直接在网页上进行修改、编辑，而不需要再使用外部编辑器。这种方式通常用于Web应用程序中，用户可以自由编辑自己的信息，并实时保存修改结果。此外， contenteditable =true还可以用于创建在线富文本编辑器，以提供更完整的编辑功能。 但是，使用 contenteditable =true也存在一些问题。首先，内容可编辑后会增加需要处理的交互和验证逻辑，因此需要反复测试和优化。其次，由于 contenteditable =true直接允许用户在网页上进行修改操作，因此可能会出现不合法的修改，如删除关键信息、非法内容等等。为此，需要对用户输入进行限制和监测，以预防此类问题的出现。 总的来说， contenteditable =true是一种方便的HTML属性，可以为用户提供更好的编辑体验和操作便利性。但同时也需要进行完善的验证和限制，以保障网页的安全性和正确性。 ### 回答3： contenteditable =true是一种HTML特性，允许将网页上的任何 元素 （比如文本、图片、表格等）设为可编辑状态。它使得用户可以直接在网页上编辑内容，像在Word文档中一样方便。 使用 contenteditable =true的好处是可以极大地提高用户的编辑效率，比如在撰写长篇文章或者编辑表格时。用户不需要再复制粘贴内容到其他软件中进行编辑，而是可以直接在网页上进行操作。此外，使用 contenteditable =true可以让用户更好地掌控网页内容的布局和格式，很大程度上可以提升用户体验。 尽管 contenteditable =true提供了方便的编辑功能，但是它也存在一些问题。首先，由于它允许用户随意编辑网页内容，这可能导致网页的格式混乱不堪、样式失调甚至内容错误。其次，使用 contenteditable =true可能会使得网页的安全性降低，因为用户可以随意修改网页内容，这可能导致一些潜在的安全隐患。 因此，在使用 contenteditable =true时，需要注意一些事项。比如，要对输入内容进行验证和过滤，以防止恶意的、不符合规范的输入。此外，还需要在发现有人在不合理地修改网页内容时，做出适当的处理，比如禁止该用户进一步的编辑等。 总之， contenteditable =true是一个方便快捷的特性，可以提升用户的编辑效率，但是需要注意潜在的安全问题。在使用时，需要合理斟酌。