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

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

可以使用拖拽相关事件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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-10-24
标准答案如下 :
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 '这分别是两个属性,表示最大和最小值。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网