用到的资源:https://download.csdn.net/download/impossible1994727/12474244
假设我们遇到的需求为:选中网页的某段文字后弹出小弹窗,出现复制按钮,并且可以提示复制成功。
代码如下:
<style>
.btn {
position: absolute;
display: none;
}
</style>
<div style="position: relative;" class="fa">
<button class="btn">
<span class="aaa">复制</span>
</button>
<div class="context">
散文是一个汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文;三指文体名。</div>
</div>
<script>
var txt;
$('.context').mouseup(function (e) {
txt = window.getSelection ? window.getSelection() : document.selection.createRange().text;
txt = txt.toString();
$('.btn').css({