js 綁定事件
阿新 • • 發佈：2017-09-26
頁面 pro false ack add height ann ora listen
創建一個js的綁定事件，而這個需要一個addEventListener事件。在js裏不要將事件寫在標簽裏
<!DOCTYPE html>
<html>
<head>
<style media="screen">
#canvas{
/*background-image: url(orangebgimage.jpg);*/
border: 1px solid #001100;
}
</style>
</head>
<body>
<canvas id="canvas" width="300" height="300"></canvas>
</body>
<script type="text/javascript">
// define global variable
var canvas = document.getElementById(‘canvas‘)
// touch start listener
function touchStart(event) {
/*除去預定方法*/
event.preventDefault();
alert(‘按下顯示‘)
}
canvas.addEventListener("touchstart",touchStart,false);
</script>
</html>
創建一個canvas對象，並且綁定對象。發現出現test.html:26 Uncaught TypeError: Cannot read property ‘addEventListener‘ of 的bug
這時註意將js代碼寫在body下面。這個問題主要是頁面未全部加載成功導致的。在綁定默認事件時，需加入
event.preventDefault();
以確保原始方法不會被應用
js 綁定事件