所以我有一個看起來像這樣的圖像:如何獲取觸摸事件點相對於目標元素的x座標?
var elem = document.getElementById("bt");
elem.addEventListener("touchstart", handleStart, false);
function handleStart(e) {
e.preventDefault();
var touch = e.targetTouches[0];
X = touch.pageX;
Y = touch.pageY;
return [X, Y];
}
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/sections-3.jpg" id="bt" width="900" height="600">
我想要做的,就是讓x和觸控相對於圖像本身就是一個事件的y座標。
你是什麼意思 「讓觸摸相對於圖像的事件的X和Y座標」 –
我意思是在圖像的頂部y = 0,在左邊x = 0 –