javascript非多點觸摸事件

Question

我正在開發一個小型嵌入式應用程序，它使用不支持多點觸摸手勢的電阻式觸摸屏（ADS 7846）。

問題是，當使用手指（或其他物體）觸摸屏幕時，只有當手指被移除時，mousedown事件纔會在手指被釋放時被觸發，如果事實mousedown和mouseup事件僅在手指被移除時纔會觸發。

function $(id) {return document.getElementById(id)}; 

$("butsetup").addEventListener("mousedown", function(e) { 
    alert('down'); 
}); 

$("butsetup").addEventListener("mouseup", function(e) { 
    alert('up'); 
}); 

有沒有解決方案，使其按預期工作？

正如@antyrat建議此報道屬實：

alert('ontouchstart' in document.documentElement) 

但我讀的地方，一些瀏覽器「揭露」這種能力的DOM，但不啓用它？

Answer 1

是的，你可以使用touchstart和touchend事件：

$("butsetup").addEventListener(('ontouchstart' in document.documentElement) ? "touchstart" : "mousedown", function(e) { 
    alert('down'); 
}); 

$("butsetup").addEventListener(('ontouchstart' in document.documentElement) ? "touchend" : "mouseout", function(e) { 
    alert('up'); 
}); 

Answer 2

使用touchstart和touchend事件。

$("butsetup").addEventListener("touchstart", function(event){ 
    alert('touchstart'); 
}, true); 

$("butsetup").addEventListener("touchend", function(event){ 
    alert('touchend'); 
}, true);