Javascript獲取某一標簽的座標並返回其座標對象

昨天搞了一個日曆選擇器的小東西,竟然發現以前用的獲取標簽的座標的函數在Firefox下不能執行,比較郁悶。于是花心思整理了一個,現此代碼支持Ie,Firefox,Opera,記錄于此!

javascript獲取座標

function getAbsPoint(e) {

var x = e.offsetLeft;

var y = e.offsetTop;

while(e = e.offsetParent) {

x += e.offsetLeft;

y += e.offsetTop;

}

return {"x": x, "y": y};

}

javascript獲取座標使用方法

<html>

<head>

<meta http-equiv=content-type content="text/html; charset=UTF-8">

<title>phplamp.org</title>

<script type="text/javascript">

function getAbsPoint(e) {

var x = e.offsetLeft;

var y = e.offsetTop;

while(e = e.offsetParent){

x += e.offsetLeft;

y += e.offsetTop;

}

return {"x": x, "y": y};

}

function phplamp(e) {

var xy = getAbsPoint(e);

alert("offsetLeft=" + xy.x + "\noffsetTop=" + xy.y);

}

</script>

</head>

<body>

<input type="button" onclick="phplamp(this)" value="點擊" />

</body>

</html>

Javascript所有對象的屬性的獲取
從第一次發表文章,到現在才發表第二篇,個人認爲不行的,我就不會發出來。。這幾天一直在找Javascript的所有對象的屬性與方法,沒有辦法,只好自己隨便寫一個了。。先用著,大家如果有更好的可以拿出來分享,獲得對...查看完整版>>Javascript所有對象的屬性的獲取
 
PHP-Javascript“返回上一頁”無緩存問題
您好,歡迎浏覽本站,如果您是第一次訪問本站,歡迎訂閱本站的RSS,隨時獲取本站最新資訊。RSS: 很多用PHP寫腳本的朋友都會遇到這樣的問題,比如一個注冊頁面(不使用任何AJAX),需要填寫賬號密碼等信息,填寫完後需...查看完整版>>PHP-Javascript“返回上一頁”無緩存問題
 
獲取GetLastError返回信息
  //錯誤處理,顯示原因void __fastcall TSerialPort::ProcessErrorMessage(char* ErrorText){char ErrorMsg;LPVOID lpMsgBuf;FormatMessage(FORMAT_MESSAGE_ALLOCATE_BUFFER //自動分配消息緩沖區FORMAT_MESSAGE_F...查看完整版>>獲取GetLastError返回信息
 
獲取網站返回的頭部信息
using System;using System.Net;using System.Collections;class Test {??public static void Main(string[] args) {??Uri u = new Uri("http://www.apache.org");??HttpWebRequest rget = (HttpWebRequest)WebReque...查看完整版>>獲取網站返回的頭部信息
 
javascript 如何實現標簽式按紐
截圖************************************************************************************************<html><head><meta http-equiv="Content-Language" content="zh-cn"&g...查看完整版>>javascript 如何實現標簽式按紐
 
獲取網站返回的頭部信息
using System;using System.Net;using System.Collections;class Test {??public static void Main(string[] args) {??Uri u = new Uri("");??HttpWebRequest rget = (HttpWebRequest)WebRequest.Create(u);??HttpWe...查看完整版>>獲取網站返回的頭部信息
 
C++箴言:必須返回對象時別返回引用
  一旦程序員抓住對象傳值的效率隱憂,很多人就會成爲狂熱的聖戰分子,誓要根除傳值的罪惡,無論它隱藏多深。他們不屈不撓地追求傳引用的純度,但他們全都犯了一個致命的錯誤:他們開始傳遞並不存在的對象的引用。...查看完整版>>C++箴言:必須返回對象時別返回引用
 
JavaScript引用對象的途徑
     一個對象要真正地被使用,可采用以下幾種方式獲得:  ·引用JavaScript內部對象;  ·由浏覽器環境中提供;  ·創建新對象。  這就是說一個對象在被引用之前,這個對象必須存在,...查看完整版>>JavaScript引用對象的途徑
 
面向對象的JavaScript編程
  Javascript對于做過Web程序的人不應該是陌生,初期是用來做一些簡單的驗證,基本上是在玩弄一些技巧性的東西。IE 4.0引入了DHTML,同時爲了對抗etscape的Javascript,提出了自己的腳本語言JScript,除了遵循EMAC的...查看完整版>>面向對象的JavaScript編程
 
 
回到王朝網路移動版首頁