js 绑定事件

　　创建一个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();

　　以确保原始方法不会被应用

 

posted @ 2017-09-25 23:35  Amoswish  阅读(131)  评论(0)  编辑  收藏  举报