jquery实现划词选择文本弹出搜索按钮效果代码

代码语言:html

所属分类:其他

代码描述:jquery实现划词选择文本弹出搜索按钮效果代码

代码标签: jquery 划词 选择 文本 弹出 搜索 按钮

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            let seldata="";
            $("#picker").on('mouseup', function (e) {
                
                 var selectedText = window.getSelection().toString();
                 if(selectedText==""){
                     
                 }else{
                      var x = e.pageX; // 获取 x 坐标
                      var y = e.pageY; // 获取 y 坐标
                      console.log(x, y);
                     $("#searchbtn").css({top:y,left:x}).show();
                    seldata=selectedText;
                 }
                
            });
          $("#searchbtn").on("click",function(){
 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0