美文网首页
获取鼠标相对盒子的位置

获取鼠标相对盒子的位置

作者: 苦咖啡Li | 来源:发表于2018-08-14 12:57 被阅读0次

    1、 获取鼠标相对盒子的位置

    //  获取鼠标相对盒子的位置
            getMousePos(event, el) {
                event = event || window.event;
                var pagex = event.pageX || scroll().left + event.clientX;
                var pagey = event.pageY || scroll().top + event.clientY;
                var divx = el.offset().left;
                var divy = el.offset().top;
                var targetx = pagex - divx;
                var targety = pagey - divy + el.scrollTop() + 15;
                return {x: targetx, y: targety}
            },
    

    2、获取盒子中鼠标选中的文字

    //  获取盒子中鼠标选中的文字
            funcGetSelectText() {
                var txt = '';
                if (document.selection) {
                    txt = document.selection.createRange().text;//ie
                } else {
                    txt = document.getSelection();
                }
                return txt.toString();
            },
    

    3、获取鼠标选中文字

    //  获取鼠标选中文字
            selectTxt(){
                let container = $('.previewBox');      //   文字所属盒子
                container.on('mouseup', function () {
                    //     获取鼠标选中的文字
                   let  selectAddTxt =  funcGetSelectText();
                    //    计算鼠标相对盒子的位置   obj = { x:1, y:1}
                   let  obj =  getMousePos(event, container); 
                })
    

    相关文章

      网友评论

          本文标题:获取鼠标相对盒子的位置

          本文链接:https://www.haomeiwen.com/subject/czvmbftx.html