jquery獲得頁面元素的座標值實現思路及代碼

來源:互聯網
上載者:User

jquery如何獲得頁面元素的座標值 yulutxt是輸入經典語錄的輸入框,feedBackMessage函數見http://www.wesoho.com/article/asp/2765.htm
複製代碼 代碼如下:
var p = $("#yulutxt");
var yuluoffset = p.offset();
feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000);

-------------------
1,擷取對象(自訂調整開啟新視窗參照元素)
var obj = $("#oButton");
執行個體中我擷取的對象是快顯視窗按鈕,這樣建立的新視窗就會根椐按鈕的位置進行調整,執行個體中將建立的新視窗顯示的按鈕的右下角。

2,擷取對象元素的位置(offset()方法)
var offset = obj.offset();
擷取對象元素的位置,分別是元素的top和left,調用方法是:offset.left和offset.top,可知當前對象的左部和頂部位置。

3,擷取對象元素的寬度(width()方法)
var right = offset.left+obj.width();
執行個體中是擷取對象的右下角位置,建立新視窗的左部位置。

4,擷取對象元素的高度(height()方法)
var down = offset.top+obj.height();
執行個體中是擷取對象的右下角位置,建立新視窗的頂部位置

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.