Question

我刚刚开始学习javascript所以我可以实现触摸手势，我使用的是hammer.js库，但即使是一段简单的代码似乎也无法工作，有人知道我是否遗漏了一些明显的东西？

我正确地包括hammer.js（通过在浏览器中放入路径测试它）我已将此代码包含在头部......

<script type="text/javascript">
    var element = document.getElementById('tapdiv');
    var hammertime = Hammer(element).on("tap", function(event) {
    alert('hello!');
    });
</script>

和我的HTML ...

<div id="tapdiv">
 <img src="files/tabdiv.jpg" />
</div>

编辑：IM也在console.js的控制台中收到此错误...

TypeError：el为null [在此错误时出现错误]

if（！css_props ||！el.style）{

Answer 1

您的javascript似乎正在尝试访问DOM中尚不存在的对象 - 请确保在DOM准备好后执行您的javascript：

<script type="text/javascript">
window.addEventListener('load', function() { 
    var element = document.getElementById('tapdiv');
    var hammertime = Hammer(element).on("tap", function(event) {
        alert('hello!');
    })

}, false);
</script>

使用hammer.js基本触摸手势不起作用

1 个答案: