js 获取 鼠标选中的文字

该函数通过检查window.getSelection()或document.selection.createRange().text来获取浏览器中用户选中的文字内容,然后将其转换为字符串并返回。在支持window.getSelection()的浏览器中使用现代方法,否则回退到旧的IE兼容方式。
摘要由CSDN通过智能技术生成

js 获取 鼠标选中的文字

 function getSelectedText () {
    let selectedText = '';

    if (window.getSelection) { // 检查浏览器是否支持 window.getSelection()
      selectedText = window.getSelection().toString(); // 获取选中的文本并转换为字符串
    } else if (document.selection && document.selection.type !== 'Control') {
      selectedText = document.selection.createRange().text;
    }

    console.log('selectedText', selectedText)

    return selectedText;
  }
获取鼠标左键选中的内容,我们可以借助JavaScript来实现。可以通过监听鼠标按键的点击事件来判断是否按下了鼠标左键,并在鼠标拖动的过程中实时获取选中的内容。 首先,我们需要给需要选中内容的元素添加一个鼠标按下事件的监听器,当鼠标按下时,获取鼠标按下的位置坐标。 接着,在鼠标移动的过程中,我们就可以根据鼠标的位置坐标和选中的内容区域来获取选中文字内容。我们可以通过`window.getSelection()`来获取当前选中的内容。 最后,在鼠标抬起时,我们就可以得到最终选中的内容了。可以通过`window.getSelection().toString()`来获得选中文字内容。 以下是一个简单的示例代码: ```javascript // 获取选中的内容 function getSelectedText() { const selectedText = window.getSelection().toString(); console.log(selectedText); } // 监听鼠标按下事件,获取按下的位置坐标 document.addEventListener('mousedown', function(event) { if (event.button === 0) { // 判断是否是鼠标左键按下 var startPoint = { x: event.clientX, y: event.clientY }; document.addEventListener('mousemove', mouseMoveHandler); } }); // 监听鼠标抬起事件,获取选中的内容 document.addEventListener('mouseup', function(event) { if (event.button === 0) { // 判断是否是鼠标左键抬起 document.removeEventListener('mousemove', mouseMoveHandler); getSelectedText(); } }); // 鼠标拖动事件,实时获取选中的内容 function mouseMoveHandler(event) { var currentPoint = { x: event.clientX, y: event.clientY }; // 根据起始点和当前点坐标计算选中的内容区域 // 然后可以根据这个区域来获取选中的内容 } ``` 以上就是使用JavaScript获取鼠标左键选中的内容的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一头小绵羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值