如何確定瀏覽器是否支持事件對象的屬性？

Question

一些啟用觸摸功能的瀏覽器（例如Mobile Safari）在其event對象上具有諸如touchmove類的scale和rotation屬性。

我可以像這樣檢測到對scale屬性的支持...

document.body.addEventListener("touchmove", function(event) {
    var supportsScaleProperty = !!event.scale;
});

但是，有沒有一種方法可以檢測到它而不必綁定偵聽器，然后在回調中查找屬性？

例如，這是否有效？

var supportsScaleProperty = !!(new CustomEvent("TouchEvents")).scale;

我嘗試查看createEvent() ，但已棄用。 我查看了new CustomEvent() ，但不確定用於觸摸事件的字符串。

Answer 1

您可能可以使用Event構造函數 ：

if ('scale' in new Event("touchmove")) {
    // It has it
}

Answer 2

這似乎不可能。 TJ的解決方案不會告訴我這些屬性是否存在（即使在支持它們的設備上也不存在）。

所以，看起來我很固執...

document.body.addEventListener("touchmove", function(event) {
    if (event.scale) {
         // ...
    }
});