Javascript 突出显示文本时显示的弹出消息_Javascript_Jquery_Html_Css

Javascript 突出显示文本时显示的弹出消息

javascript jquery html css

Javascript 突出显示文本时显示的弹出消息,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当用户试图突出显示和复制段落中的文本时，我试图找到一种显示弹出消息的方法。我已经在网上搜索了可能的解决方案，但我找不到任何在选择文本或段落的随机部分时会触发弹出消息的解决方案我已经看过了。但它似乎使用了div块而不是弹出窗口看来@Nishit Maheta的回答解决了我的问题。不久，我将用我的解决方案更新帖子。试试以下方法： tinyMCE.init({ mode: "exact", elements: "test", skin: "o2k7", skin_v

当用户试图突出显示和复制段落中的文本时，我试图找到一种显示弹出消息的方法。我已经在网上搜索了可能的解决方案，但我找不到任何在选择文本或段落的随机部分时会触发弹出消息的解决方案

我已经看过了。但它似乎使用了div块而不是弹出窗口

看来@Nishit Maheta的回答解决了我的问题。不久，我将用我的解决方案更新帖子。

试试以下方法：

tinyMCE.init({
    mode: "exact",
    elements: "test",
    skin: "o2k7",
    skin_variant: "red",

    setup: function (ed) {
        ed.onMouseUp.add(function (ed, e) {
            var x = tinyMCE.activeEditor.selection.getContent();
            if(x)
              alert(x);
        });
    }
});

尝试引导Popover。下面是一个示例代码

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h3>Popover Example</h3>
  <p  data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</p>
</div>

<script>
$(document).ready(function(){
    $('[data-toggle="popover"]').popover();   
});
</script>

</body>
</html>


引导示例
爆米花示例
切换popover
$（文档）.ready（函数（）{
$（'[data toggle=“popover”]'）。popover（）；
});

对我来说效果很好，希望它能解决您的问题。

$（“#myDiv”）.mousedown（函数（）{
$（“#myDiv”）.mouseup（函数（）{
$（“#myPopUp”）.show（）；
});
});
#我的弹出窗口
{
显示：无；
}

您好，请选择文本并查看
弹出消息
这将对您有所帮助？如果您是指文本选择，您可以在JavaScript中使用。谢谢您的回复！我可能会认为它是解决方案，但在我的例子中，我发现Nishit Maheta解决方案更相关。不然的话，毫无疑问我可以利用你的建议。太好了，我刚刚看到了。。谢谢你的回复谢谢你的回复