jquery鼠标拖动,js鼠标按下拖动div

前端 jQuery鼠标移入移出

mouseover() 鼠标进入（进入子元素也触发）

mouseout() 鼠标离开（离开子元素也触发）

mouseenter() 鼠标进入（进入子元素不触发）

mouseleave() 鼠标离开（离开子元素不触发）

相关问答

Q1: 用jQuery如何实现鼠标拖选事件

如果要控制从一个格子点击开始事件，在另一个格子取消事件，只需置个标志位，如sign=false，在某个格子mousedown时设置sign为true,在释放事件时设置sign为false,拖动时sign为true时才触发事件即可。

Q2: jquery中鼠标移上和移开的动作是什么？

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。\x0d\x0a下面为你详细介绍下jquery中的鼠标事件：\x0d\x0a(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发；\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用；\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(3):mousedown事件：mousedown事件在用户敲击鼠标键时触发，跟keydown事件不一样，该事件仅在按下鼠标时触发；\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件：mouseup事件在用户松开鼠标时触发，如果在与按下鼠标的元素相同元素上松开，那么click事件也会触发；\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!');\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !');\x0d\x0a});\x0d\x0a(5):mouseover事件：mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，如果需要知道来自那个元素可以使用，relatedTagrget属性；\x0d\x0a(6):mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。

Q3: jquery拖动层的工作原理

主要分三个部分，注册Handler的Click事件

Click事件引发是开始拖动，此时注册Document的MouseMove事件，Move的时候修改对象的位置

松开或者ESC的时候取消移动，注销Document的Move事件

基本上所有的DragDrop都是这么实现的

Q4: jquery鼠标移入移出

mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。

mouseover和mouseout在父元素和其子元素都可以触发，当鼠标穿过一个元素时，触发次数得依子元素数量而言。

mouseenter和mouseleave只在父元素触发，当鼠标穿过一个元素时，只会触发一次。

mouseover和mouseout比mouseenter和mouseleave先触发

因此一般mouseover和mouseout一起使用，mouseenter和mouseleave一起使用