主页 / 问题 / 1301213
Accepted
iKey
Asked:2022-07-02 15:46:44 +0000 UTC2022-07-02 15:46:44 +0000 UTC

如何在选定的文本之后创建一个块？

  • 772

有一个函数可以获取页面上选定的文本：

$('*').on('mouseup', function() {
        let mytext = getSelectedText();
    console.log( mytext );
});

var getSelectedText = function() {
    let text = '';
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection) {
        text = document.selection.createRange().text;
    }
      
  return text; 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p>I won't beg for your love: it's laid Safely to rest, let the earth settle... Don't expect my jealous letters Pouring in to plague your bride. But let me, nevertheless, advise you: Give her my poems to read in bed, Give her my portraits to keep - it's wise to Be kind like that when newly-wed.</p>

我想让它在选择文本后，在选择结束时创建一个块，我将在其中放置信息。

或多或少是这样的：

在此处输入图像描述

我将不胜感激您的帮助！

javascript

1 个回答

  1. Best Answer
    1. 创建一个块，例如，一个按钮来关闭它，<div class="block"> Я блок с текстом <div class="close">X</div></div>并将这些元素设置为正常定位，即 块本身是绝对的，关闭按钮例如是相对的，不要忘记在 CSS 显示中隐藏此元素：无
    2. 在你听鼠标的地方，检查 mytext 是否有什么东西，这样这个块就不会出现在一个简单的点击中if(mytext !== '') ，如果是这样，在突出显示文本后获取鼠标坐标
    let a = e.clientX+'px';
let b = e.clientY+'px';
    1. 在它们上面画一个块，将其显示返回到“块”

    一切似乎都是。

    • 1

相关问题