textarea监听鼠标事件,按下鼠标后显示选中的文字

给我开发的Markdown编辑器准备加一个可以自由选择文字颜色的功能。

需要监听鼠标选中的文字,并弹出一个跟随位置的弹窗,如下:

textarea监听鼠标事件,按下鼠标选中的文字

实现方法:

1、在 textarea 中加入鼠标事件:@mouseup="onMouseUp"

我这里只检测鼠标抬起事件,抬起来后,判断是否有选中文字。

2、判断是否有文字选中,需要使用 window.getSelection() 方法。

const selection = window.getSelection()
const selectStr = selection.toString();
 
selectStr  即为选中的文字。

评论 (0)

未连接

暂无评论,快来发表第一条评论吧!