JavaScript之三

一 拖拽事件

1. draggable=“true”：对象可以被拖拽；
2. 拖拽事件：drop drap；
3. 开始拖动：ondragstart；
4. 结束拖动：ondragend //ondragover；
5. 开始拖动鼠标进入的时候： ondragenter；
6. 拖动结束鼠标离开的时候：ondragleave;
7. 前进：history.go(1);
   倒退：history.go(-1);
   前进：history.forward();
   倒退：history.back();

bom 浏览器对象模型

1. 滚轮事件：onmousewheel；
2. 离开页面时：onbeforeunload；
3. 手机触屏：touchstart touchmove touchend；
   区分四个方向：

var clientx = endx - startx;  //正负代表左右
        var clienty = endy - starty;
        if (Math.abs(clientx) > Math.abs(clienty) && clientx > 0) {
            console.log("right");
        }
        else if (Math.abs(clientx) > Math.abs(clienty) && clientx < 0) {
            console.log("left");
        }
        else if (Math.abs(clientx) < Math.abs(clienty) && clienty > 0) {
            console.log("down");
        }
        else if (Math.abs(clientx) < Math.abs(clienty) && clienty < 0) {
            console.log("up");
        }
    })