1.需求：最近经常用到dom节点禁用鼠标事件的属性，比如loading状态的时候，比如点击按钮之后禁止再次点击的时候，比如加载更多之后没有数据了的时候，巴拉巴拉。。。 2.问题：但是，经常记不住啊，查了好几次了，这次写下来，认真认识一下pointer-events,目标是不在search 3. ...

JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接，选择文本或拖放等。 event.preventDefault() 该方法将通知 Web ...

npm i vuedraggable <template> <vuedraggable class="wrapper" v-model="list"> <tran ...

前序 前段时间学习3D MAX，一对比就发现差距是相当大。我也做了一个三维展示的小软件，但是拖拽操作非常不友好，如果场景的尺寸特别大，会导致拖不动，尺寸过小会导致轻轻拖一下，模型就不知道飞哪去了。我是每次鼠标移动都是让模型移动相同的距离，所以就出现了这种情况。下面就简单说一下，怎么做到模型跟随 ...

鼠标跟随相信大家都很熟悉了，在这里我的随笔呢说的是怎么在vue中使用鼠标跟随，onmousedown，onmousemove 这些事件是原生事件，按理说vue使用是没有问题的，况且pc大部分事件是可以在移动端使用的，但是在vue项目中使用它却不生效，没有效果。 然后百度查询vue事件，了解 ...

...

DOM3级事件中定义了9个鼠标事件。 mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。 mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。 click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序 ...

鼠标拖拽事件： 鼠标按下事件； 鼠标移动事件； 鼠标抬起事件。 移动前移动后鼠标在元素上的相对位置不发生改变，所以要记录鼠标在元素上的位置。在移动的时候需要记录元素的偏移数最后需要判断边界，当元素到达边界时就不能再移动了最后需要 把属性重新设置一下，否则元素 ...