js获取鼠标拖动选中的内容

这篇具有很好参考价值的文章主要介绍了js获取鼠标拖动选中的内容。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

js获取鼠标滑选择文本,js方法,javascript,前端

//鼠标监听,当释放鼠标的时候,调用testSelection()方法。
document.onmouseup=function(){
    testSelection();
}
function testSelection(){
    //获取Selection对象
    let selection=window.getSelection();
    //调用selection对象的toString()方法就可以获取鼠标拖动选中的文本。
    console.log("选中的文本为:");
    console.log(selection.toString()); // '的内容'
}

上面的代码是:鼠标拖动选中一段文字,释放鼠标后会在控制台把选中的文字输出。其实也可以不显示的调用用toString()方法。直接写console.log(selection+“”)。这样得到的效果是一样的。

文章引用自:js实现获取鼠标拖动的选中的内容 - 简书文章来源地址https://www.toymoban.com/news/detail-773079.html

到了这里,关于js获取鼠标拖动选中的内容的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作

    该功能存在bug哦,移步我的新博客:vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作[2]_wanghanlu_的博客-CSDN博客 在看vxe-table 文档时,发现一个功能,鼠标区域选中,觉得这个功能很好。  但是仔细发现,这个功能不是免费的。我就想想,为啥不能自己实现呢。 下面给你看看我的最终

    2024年02月15日
    浏览(39)
  • 原生JS-鼠标拖动

    步骤: 1. 鼠标按下div。 2. 鼠标移动,div跟着移动 添加 draggable=\\\"true\\\" 就能拖动。然后记录位置。 这种方式简单的多,只需要添加属性,然后记录位置就行。 这个属性最常见的用法是把A元素,拖动到B容器中。 A移动前 A移动后 可以写点样式,用于显示隐藏div

    2024年02月04日
    浏览(35)
  • Vue + Element UI 实现文本超出长度显示省略号,鼠标移上悬浮展示全部内容的方法

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站,这篇文章男女通用,看懂了就去分享给你的码吧。 在 Vue 项目中,经常需要处理文本内容过长的情况。本文将介绍如何使用 Vue 和 Element UI 实现文本超出长度时显示

    2024年02月09日
    浏览(55)
  • js常用的三个鼠标坐标获取方法

    js提供了多个获取鼠标点击事件的坐标获取方法 1.相当于你点击的元素来说 (e.offsetX和e.offsetY)         就是以你点击的元素的左上角作为参考系源点获取鼠标在元素中点击的位置 在给div添加点击事件,在点击事件中传入事件源e,e中保存着鼠标的点击坐标,我们用offsetX和

    2024年02月09日
    浏览(47)
  • vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作[2]

    前几天写了一个关于 vxe-table 鼠标滑动选择多行 的博客,在项目上线的过程中,发现这个功能还是有点bug,在经过我对vxe-table pro版本 的演示后vxe-table PRO,认真调试后,终于解决了bug,并且这个功能和pro版本可以说是几乎一模一样。注意:我是说这个滑动选择的功能,不是说是

    2024年02月05日
    浏览(149)
  • html-css-js使用axios和ajax获取接口并携带请求头+获取输入框或选择器内容

    需求:使用axios或者Ajax获取接口,有些需要获取到输入框,或者选择器内容之后传给接口,也就是写了几种不同请求的方法,网上有很多方法,本文章算是个归纳吧。 1.github下载axios 我框住的这俩下谁都行,我下的是第一个 Releases · axios/axios (github.com)  下载后解压打开找到

    2024年02月03日
    浏览(45)
  • 自制java工具实现 ctrl+c+c 翻译鼠标选中文本

    本功能的实现基于这篇笔记 ,本文阅读过程中有疑惑都可以查看此笔记 实现思路:检测到按压ctrl +c +c 后,获取当前剪切板文字,调用百度翻译api。 实现结果: 完整代码在最后 在当前demo的功能中我们可以看到,当按压键盘时会调用 nativeKeyPressed 方法,并会打印当前按下的

    2024年02月02日
    浏览(55)
  • Emacs之实现鼠标/键盘选中即拷贝外界内容(一百二十)

    简介: CSDN博客专家,专注Android/Linux系统,分享多mic语音方案、音视频、编解码等技术,与大家一起成长! 优质专栏: Audio工程师进阶系列 【 原创干货持续更新中…… 】🚀 人生格言: 人生从来没有捷径,只有行动才是治疗恐惧和懒惰的唯一良药. 更多原创,欢迎关注:An

    2024年02月15日
    浏览(44)
  • echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),以下面地图为例

    echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),下面以四川部分地图为例 针对选择模式,非点击(click),选择事件,可以获取相关地图数据,使用echarts地图的事件方法 mapselectchanged

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包