根據滑鼠座標取該座標下的元素,包括touch

2021-08-03 10:03:12 字數 364 閱讀 4532

根據座標獲取元素的方法:

document.elementfrompoint(pagex,pagey);

或者document.elementfrompoint(clientx,clienty);

如果是pc瀏覽器監聽滑鼠事件,可以一直使用event物件獲取座標值

如果是平板,監聽的是touchstart, touchmove, touchend三個事件需要注意,不能直接取到座標值,需要使用下面的方法取座標值

document.elementfrompoint(event.originalevent.changedtouches[0].pagex, event.originalevent.changedtouches[0].pagey)

HTML 滑鼠座標和元素座標

在這一篇文章中,將會介紹滑鼠座標 元素座標以及滑鼠在指定元素內的座標。獲取的座標可分為2種 1 mouseevent.screenx mouseevent.screeny 基於螢幕的x y座標 以螢幕的左上角為0,0起始點。2 mouseevent.clientx mouseevent.client...

js 獲取指定座標下的元素

語法 oelement document elementfrompoint ix iy 引數 ix 必選項。整數 integer 單位 象素 pixel 定位橫座標偏移量。iy 必選項。整數 integer 單位 象素 pixel 定位縱座標偏移量。返回值 oelement 物件 element 返...

根據座標點滑鼠 不移動 點的(座標)輸入法

當繪圖時,總需要對點或線進行位置的確定,此時系統提示輸入確定位置的引數,常用的方法如下。1.滑鼠輸入法 滑鼠輸入法是指移動滑鼠,直接在繪圖的指定位置單擊左鍵,來拾取點座標的一種方法當移動滑鼠時,十字游標和座標值隨著變化狀態列左邊的座標顯示區將顯示當前位置。在 autocad2007中,座標的顯示是動...