Question

在vue脚手架中元素绑定鼠标移动事件onmousemove,当鼠标按下拖拽元素,能在指定元素里左右移动,如何实现？

我在脚手架中元素绑定鼠标移动事件，当鼠标按下在指定的元素中左右移动,通过获取鼠标在元素中的位置等等来修改元素的left值;当鼠标按键弹起，清除移动事件。怎么在页面上不能很好的实现我想要的效果;最奇怪的是不能在移动端实现这个效果？

Answer 1

可以使用拖拽相关事件drag

drag :  元素被拖动时运行的脚本。    

dragend :  在拖动操作末端运行的脚本。    

dragenter : 当元素元素已被拖动到有效拖放区域时运行的脚本。

dragleave  :   当元素离开有效拖放目标时运行的脚本。    

dragover  :   当元素在有效拖放目标上正在被拖动时运行的脚本。    

dragstart  :   在拖动操作开端运行的脚本。    

drop :当被拖元素正在被拖放时运行的脚本。

移动端需要使用 touch 事件来处理,  建议pc端也使用touch事件, mouse相关事件在HTML5已经不建议使用了

touchstart : 触摸开始（手指放在触摸屏上）

touchmove : 拖动（手指在触摸屏上移动）

touchend : 触摸结束（手指从触摸屏上移开）

touchenter ：移动的手指进入一个dom元素。

touchleave ：移动的手指离开一个dom元素。

还有一个touchcancel，是在拖动中断时候触发。

触摸事件跟鼠标事件的触发先后顺序：

Touchstart > toucheend > mousemove > mousedown > mouseup > click

Answer 2

标准答案如下 ：
bbaa aacd cbdb adad cbd
他们的答案
cbaa aacc cbdc dad cbd
bbaa badd abda dccd cba
解释一下同他们不一样的：
第12题：
A）Student．name=”张红”'Student是类型名，需要定义变量使用
B）Dim s As Student
s.name＝”张红”
C）Dim s As Type Student '定义类型变量，不需要关键字Type
D) Dim s As Type
s.Dame＝”张红” s.name=”张红”
第13题：
A）Max ‘滚动条控件取值范围最大值
B）LargeChange ’这个是鼠标对到滚动条空位置时滚动的数值。
这个值决定点击红色区域时滚动条往前移动多少。
C）Value '这个是滚动条的具体当前值
D）Max—Min '这分别是两个属性，表示最大和最小值。