Javascript Touchstart？僵尸游戏

Question

我在做僵尸游戏。您可以在以下网址查看该网站:www.signrowdbychristian.com/u them

我有一个可点击的div，起作用了。但是，当我的iphone5s和Ps的生命测试，可点击的div滞后。

我决定使用原始的javascript，避免导入jquery。

我把这个写进了我的代码

    <script>
        localStorage.setItem('facing', 'right')



        function touchEvents() {

            document.getElementById('shoot').addEventListener("toustart", shoot, false);
            document.getElementById('left').addEventListener("touchstart", left, false);
            document.getElementById('right').addEventListener("touchstart", right, false);
            function shoot(e) {
                e.preventDefault()
                $('#player').append('<div id="bullet" class="bullet">');
                if (localStorage.getItem('facing') == "right") {
                    $('.bullet').animate({ "left": "1500px" }, 700, "linear", function () {
                        $(this).remove();
                    });
                } else if ((localStorage.getItem('facing') == "left")) {
                    $('.bullet').animate({ "right": "1500px" }, 700, "linear", function () {
                        $(this).remove();
                    });
                };
            };
            function left() {
                var p = $("#player");
                var poff = p.offset();
                var pleft = poff.left;
                if (pleft > 103) {
                    var element = document.getElementById("player");
                    element.style.left = parseInt(element.style.left) - 5 + 'px';
                    var bg = document.getElementById("bg");
                    bg.style.left = parseInt(bg.style.left) + 5 + 'px';
                    localStorage.setItem("facing", "left")
                } else { return false }
            }

            //right function

            function right() {

                var p = $("#player");
                var poff = p.offset();
                var pleft = poff.left;
                if (pleft < 962) {
                    var element = document.getElementById("player");
                    element.style.left = parseInt(element.style.left) + 5 + 'px';
                    var bg = document.getElementById("bg");
                    var zombz = document.getElementById("zombie");
                    bg.style.left = parseInt(bg.style.left) - 5 + 'px';
                    localStorage.setItem("facing", "right")
                } else { return false }

            }
        };
        window.onload = touchEvents;
        </script>

现在，这可以在我的windows 8触摸屏笔记本电脑上使用我的触摸屏，而不是我的鼠标。(未在ie或ff测试)

它不适用于任何带有触摸屏的东西(iphone，ipad，ps vita)。我不知道为什么。我一整天都想弄清楚

你可以用上面的url看我的游戏。如果在iphone上查看，则必须将其保存到主屏幕上，并将方向更改为景观

Answer 1

$('#player')

的jQuery快捷方式。

document.getElementById("player");

我会检查你是否得到了正确的元素。