封装单击事件:
为什么要封装单击事件?
比如:
我们现在给同一个元素绑定了点击和移动两个事件
因为移动端的屏幕非常小,点击完以后,手在抬起来的时候,很容易造成一点的移动偏差
此时就很容易触发移动事件
我们需要进行一个判断,比如手在抬起来的时候,位置偏差范围多少的情况下视为单击离开
偏差多少的范围外,视为移动事件
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
<script>
var div1 = document.getElementsByClassName('div1')[0];
var div2 = document.getElementsByClassName('div2')[0];
// 把点击事件封装成对象的方法、也就是对象里面可以装事件
var touchEvent = {
// 里面写一个属性tab 属性后面也可以是一个函数
tab:function(el){
var end_x,end_y,start_x,start_y; // 上下()里的e和el都是传形参 在下面指定规则