获取鼠标相对盒子的位置

2018-08-14  本文已影响0人  苦咖啡Li

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); 
            })
上一篇下一篇

猜你喜欢

热点阅读