javascript - 触发点击事件后，不取消鼠标选中区域

问题描述

问 题

我想用JS来实现基本的富文本编辑功能，给标签加上contenteditable属性，用document.execCommand基本上能满足编辑的需要了，但是触发事件鼠标的选中区域会取消，就不能针对选中的文本进行编辑了，这个问题有办法解决吗？

解决方案

思路1：
给触发动作的按钮或者元素添加css3样式 user-select:none; 让其不能获取光标。

思路2：
给触发动作的按钮或者元素添加属性 unselectable="on" 让其不能获取光标。

思路3：
如楼上所述的方法~

做编辑器的工具按钮尽量不要使用<a标签，可以使用button或div之类无浏览器行为的标签。

这篇关于javascript - 触发点击事件后，不取消鼠标选中区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！