基本的觸摸手勢不工作，使用hammer.js

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還收到此錯誤在控制檯hammer.js ...

類型錯誤：EL爲空 [打破此錯誤]

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

Answer 1

看來，你的JavaScript嘗試訪問DOM中的一個對象，尚不存在 - 請確保您執行的JavaScript後的DOM已準備就緒：

<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>