javascript对点击事件和拖动事件的区分

var timmerHandle = null;   //先设置一个定时器处理；
var isDrag = false;             //声明拖动的默认状态是：否
//创建目标被点击（鼠标按下）的函数
function entranceDivDown (){
  console.log("mouse down.");
  isDrag = false;
  //延迟100ms
  timmerHandle = setTimeout(setDragTrue,200);
}
function setDragTrue (){
  isDrag = true;
}
//创建目标被拖动的函数
function entranceDivMove (){
  //可以使用isDrag来判断是移动还是拖动
  var entrance = document.getElementById("entrance");
  entrance.onmousedown = function(ev){
    var oevent = ev || event;
    var distanceX = oevent.clientX - entrance.offsetLeft;
    var distanceY = oevent.clientY - entrance.offsetTop;
    document.onmousemove = function(ev){
      var oevent = ev || event;
      entrance.style.left = oevent.clientX - distanceX + 'px';
      entrance.style.top = oevent.clientY - distanceY + 'px';
    };
    document.onmouseup = function(ev){
      document.onmousemove = null;
      document.onmouseup = null;
    };
  };
}
//创建目标鼠标释放的函数
function entranceDivUp (){
  if (!isDrag){
    //先把doMouseDownTimmer清除，不然200毫秒后setGragTrue方法还是会被调用的
    clearTimeout(timmerHandle);
    console.log("mouse up.");
    activity_id = sessionStorage.getItem('activity_id');    //获取活动id
    var url =  globalConfig.pre_api_url + "/wall/index.php?activity_id=" + activity_id;  //活动路径
    window.open(url);
  }else{
    isDrag = false;
    console.log("draging over.");
  }
}

这里推荐一下我的前端学习交流群：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习知识。自己整理了一份2018最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴！