javascript - 无法在不在文档树中的元素上绑定(bind)触摸事件(在 iOS 中)

Question

目前我正在 iOS 和 Android 上开发一个网络应用。

我试图在 iOS 上捕获触摸事件，但在将我的元素填充到文档树之前我无法获取它，这里是代码。

var test1 = $("<div>").css({
width: "300px",
height: "300px",
"background-color":"#ff00ff"
});
var test2 = $("<div>").css({
width: "100px",
height: "100px",
"background-color":"#ffff00"
});

$(test1).append($(test2));

$(test1)[0].addEventListener("touchstart",function(){
  alert("listen addEventListener");
});
$(test1).bind("touchstart",function(e){
  alert("listen bind");
});
$(test1).on("touchstart","div",function(e){
  alert("listen on");
}); 

$("body").append($(test1));

在我的 iPad 上，如果在 test1 追加到 body 之前绑定(bind)这些回调，它不会触发任何触摸事件。但在我的 Android 手机上工作。

如果我将监听事件从 touchstart 更改为 click，它也适用于 iOS。

那么我对 iOS 上的 touchevent 有什么想念的吗？

Answer 1

如果那是你的问题，我不明白你为什么不在追加之后添加事件监听器!我什至不明白为什么你不应该先追加 test1 然后再追加 test2