jQuery如何获取transform缩放后的宽高坐标位置

transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。

所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。

获得鼠标的坐标，很简单，代码如下，你试试：

jQuery Code:

$('body')bind("mousemove",function(event){

$('#ss')html('The mouse cursor is at:( '+ eventpageX + ',' + eventpageY + ')');

});

Xhtml Code:

<div id="ss">The mouse cursor is at:</div>

附图一张，效果如下：

IE6 FF Chrome 下都没有问题哦　已经试过

1、得到选中文字内容如下

//选中文字

var funGetSelectTxt = function() {

    var txt = '';

    if(documentselection) {

        txt = documentselectioncreateRange()text;

    } else {

        txt = documentgetSelection();

    }

    return txttoString();

};

2，获取对象元素的位置(offset()方法)

var offset = objoffset();

获取对象元素的位置，分别是元素的top和left，调用方法是：offsetleft和offsettop，可知当前对象的左部和顶部位置。

根本不是epageY、epageX的问题

你没有给div11 加position:absolute; 肯定显示在页面最下面了

$("#11")css({

"top": epageY,"left": epageX

,"backgroundColor":"yellow"})show("fast");

改成

$("#11")css({

position:"absolute","top": epageY,"left": epageX

,"backgroundColor":"yellow"})show("fast");

就行了

以上就是关于jQuery如何获取transform缩放后的宽高坐标位置全部的内容，包括:jQuery如何获取transform缩放后的宽高坐标位置、jquery怎样定时捕捉鼠标坐标、jquery如何得到选中文字的内容和坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！