点击与拖拽分离

mousedown、mouseup、click事件的执行顺序

mousedown、mouseup、click mousedown+mouseup=click

问题思考🤔

对于一个元素,我既想拖拽它,点击的时候也要跳转,但是拖拽的时候,mousedown、mouseup也会引来一个click事件,如何实现点击的时候跳转,拖拽的时候拖拽
通过判断时间差来判断是点击事件还是拖拽事件

拖拽与点击分离

  1. eTime=new Date().getTime();
  2. if(eTime-bTime<100){
  3. //时间相差在100毫秒之内再执行点击事件
  4. }
  5. window.open('http:baidu.com')

元素的自定义方法定义在原型上

  1. var oLink=document.querySelector('div')
  2. oLink.dragNclick()
  3. Element.prototype.dragNclick=(function(){})

双击事件