HTML5是一個(gè)功能強(qiáng)大的網(wǎng)頁(yè)制作工具，可以使用它的觸點(diǎn)獲取功能來獲取用戶在屏幕上點(diǎn)擊或滑動(dòng)的位置。要獲取觸點(diǎn)的位置，需要使用JavaScript編寫代碼。

var canvas = document.getElementById("myCanvas");
canvas.addEventListener("touchstart", function(event) {
var touch = event.targetTouches[0];
var x = touch.pageX;
var y = touch.pageY;
console.log("x坐標(biāo)：" + x + ", y坐標(biāo)：" + y);
}, false);

在上面的代碼中，我們先定義了一個(gè)畫布，然后添加了一個(gè)觸點(diǎn)的監(jiān)聽器。當(dāng)用戶在畫布上點(diǎn)擊或滑動(dòng)時(shí)，觸發(fā)了touchstart事件，我們就可以利用event.targetTouches[0]來獲取第一個(gè)觸點(diǎn)的位置。我們可以把x和y坐標(biāo)傳遞給具有其他功能的函數(shù)。

可以通過類似的方式獲取用戶在終端設(shè)備上的鼠標(biāo)點(diǎn)擊坐標(biāo)。只需要用mousedown替換touchstart。

var canvas = document.getElementById("myCanvas");
canvas.addEventListener("mousedown", function(event) {
var x = event.clientX;
var y = event.clientY;
console.log("x坐標(biāo)：" + x + ", y坐標(biāo)：" + y);
}, false);

在這種情況下，我們監(jiān)聽了鼠標(biāo)點(diǎn)擊事件（mousedown），然后使用event.clientX和event.clientY屬性獲取用戶在畫布上的坐標(biāo)。

在編寫HTML5應(yīng)用程序時(shí)，獲取用戶的觸點(diǎn)或鼠標(biāo)點(diǎn)擊坐標(biāo)十分必要。它讓我們可以盡可能地接近用戶體驗(yàn)。我們只需要以相同的方式編寫代碼，就可以在不同的終端設(shè)備上實(shí)現(xiàn)的網(wǎng)頁(yè)應(yīng)用。