2019-06-05 HTML5 拖拽上传

$('#title').on("mousedown",function(e){
  console.log(e);
})

e包含了:(鼠标点击部分的四种方式)

相对于页面显示部分的左上角的定位(滚动条隐藏部分也算)
pageX
pageY

相对于页面显示部分的左上角的定位(可见范围内)
clientX
clientY

相对于当前元素的左上角的位置
offsetX
offsetY

相对于屏幕的左上角的位置
screenX
screenY

HTML5拖拽

在HTML标签上写一句:draggable=“true”
一个很好用的jq拖动插件

http://pep.briangonzalez.org/
skdding.github.io/dragdealer/

比如滑块,图片轮播,都可以用到这些插件

你可能感兴趣的:(2019-06-05 HTML5 拖拽上传)