滑鼠點選事件設定的位置 元素位置操作以及尺寸操作

2021-09-24 09:52:05 字數 2574 閱讀 6873

clientx/y:

clientx/y獲取到的是觸發點相對瀏覽器可視區域左上角距離,不隨頁面滾動而改變

相容性:所有瀏覽器均支援

pagex/y:

pagex/y獲取到的是觸發點相對文件區域左上角距離,會隨著頁面滾動而改變

設定讓頁面滾動,發現clientx與pagex的值不一樣

相容性:除ie6/7/8不支援外,其餘瀏覽器均支援。

offsetx/y:

offsetx/y獲取到是觸發點相對被觸發dom的左上角距離,不過左上角基準點在不同瀏覽器中有區別,其中在ie中以內容區左上角為基準點不包括邊框,如果觸發點在邊框上會返回負值,而chrome中以邊框左上角為基準點。

相容性:ie所有版本,chrome,safari均完美支援,firefox不支援

layerx/y:

layerx/y獲取到的是觸發點相對被觸發dom左上角的距離,數值與offsetx/y相同,這個變數就是firefox用來替代offsetx/y的,基準點為邊框左上角,但是有個條件就是,被觸發的dom需要設定為position:relative或者position:absolute,否則會返回相對html文件區域左上角的距離

相容性:ie6/7/8不支援,opera不支援,ie9/10和chrome、safari均支援

screenx/y:

screenx/y獲取到的是觸發點相對顯示器螢幕左上角的距離,不隨頁面滾動而改變

相容性:所有瀏覽器均支援

offset系列

1.  demo.style.height/width 獲取行內樣式,如果沒有寫行內樣式的話,則獲取到的值為空。如果獲取到的存在值,值為帶單位的eg:100px

2. offsetwidth/offsetheight 用來獲取物件的大小(唯讀屬性)

構成: offsetheight = height + padding + border

3.  offsetparent 是指當前物件距離最近的帶有定位的父級,如果當前元素所在的父級都沒有設定,那麼offsetparent指的就是 body.

4. offsetleft 和offsettop 用來得到物件距離自身最近的(帶有定位的)父元素的位置。

offsetleft代表的是自身border左側到父級padding左側的距離。

備註: offsetleft以border左上角為基準,style.left以margin左上角為基準。

scroll系列

1.  scrollheight和scrollwidth 獲取物件實際內容的高度/寬

2. scrolltop/scrollleft 被卷去部分的頂部/左側到可視區域 頂部/左側的距離。

單獨給某塊demo設定滾動條的話,要獲取就是demo.onscroll = function();

client系列

1.  clientwidth和clientheight

可視clientwidth: width + padding 不包含border

2. clienttop/clientleft

clienttop和clientleft沒什麼用

他們就是bordertop和borderleft(如果有滾動條會包含滾動條的寬度)

用法語法:這個方法沒有引數。

rectobject = object.getboundingclientrect();

object就是當前元素

返回值型別:

rectobject.top:元素上邊到視窗上邊的距離;

rectobject.right:元素右邊到視窗左邊的距離;

rectobject.bottom:元素下邊到視窗上邊的距離;

rectobject.left:元素左邊到視窗左邊的距離;

rectobject.width:元素的寬度;

rectobject.height:元素的高度;

C winform 獲取滑鼠點選位置

說明 該篇隨筆的 內容並非出自本人,是在其他 搜尋的,出處已經不記得了,本次隨筆只為記錄,目的幫助自己,幫助他人。實現的原理也不做多的贅述,直接上 第乙個類是需要用到的windows api public class win32api structlayout layoutkind.sequenti...

獲取滑鼠點選事件

設定觸控模式 node settouchmode cc.touch mode one by one 單點觸控 或者 node settouchmode cc.touch mode all at once 多點觸控 是否啟用觸控 預設值 false node settouchenabled true ...

模擬滑鼠點選事件

今天上12306購票,可被氣得不輕,首先登陸人數受到了限制,其次買到票還有個排隊等待神馬的,先不說裡頭有沒有貓膩,電腦直接操作的,需要等待30分鐘以上嗎?神馬查詢語言要執行30分鐘才能得到個結果出來?贊同網上的言論 相比較而言,之前的搶票更能接受一些 上面是tackbar,用於隨時調整點選的時間間隔...