最终解决 mouseenter, mouseleave , mouseout mousehover mousemove等事件的区别?

在jquery中, html页面的div的显示和隐藏, 修改等的功能, 最终都要由事件触发来引用, 不管是键盘事件, 还是鼠标事件...
mouseenter和mouseleave是成对对应的, mouseover & mouseout是对应的, mousedown和mouseup是对应的
没有mousehover, 只有hover 事件函数, hover是模拟"悬停"的, 就是检查是否在 "mouseenter 和 mouseleave " 之间切换的.., ** 可以认为 hover 等于 mouseenter + mouseleave.(会检查鼠标是否移出对象..., 如果没有移出对象, 就不触发 fnOut.)
mousemove 要小心使用, 一般不会使用...

下面是摘录自己的实验结果记录:

mousemove事件是针对匹配元素的，也就说只有在匹配的元素这，才会触发mousemove事件。因此，如果你要活得在页面内（视窗内）任意地方的鼠标坐标，就要选择 $(document).mouseover(...). 而不是只在某一个 div这绑定 mouseover..

用户把鼠标移动一个像素，就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。一般还是不要使用这个事件

鼠标偏移量，基本上可以认为是鼠标的坐标...(默认原点）

鼠标位置表示方法，通用的就是： ordinateX， ordinateY：

screenX, screenY, clientX, clientY, pageX, pageY.

(后面4种, 参照浏览器内容区域的左上角， client会随着滚动条而改变总是相对于 “可见区域”， page总是相对于文档最开头的位置，不随滚动条的改变而改变。“窗口坐标”和 “文档坐标" 的区别！)

offsetX offsetY，只是微软的ie定义的，不是event的标准属性，也没有广泛支持？

event的clientX，pageX等属性，是针对所有的鼠标事件的 event都有的属性，所有的event 都有这样的属性，不只是 mousemove。

over和out相对应， enter和leave相对应。。。

hover函数方法: hover是jquery事件分类中的 "切换"小类中的函数, 另一个切换的方法是 toggle(), 跟效果中的toggle方法是一样的...

在wrapper上加事件，当鼠标移动到wrapper上的时候让class="point"的层放大。但如果用mouseover和mouseout事件的话，当鼠标移动到wrapper层后，point层会变大，但当鼠标在img和text层之间进行移动的时候，point层会变大变小，不停的变化。这并不是我们想要的结果，我们想要的是只要鼠标在wrapper层上，无论是img还是text上，point就变大，但在鼠标未移出wrapper层的情况下，point层不变小。

慢慢思路也清晰了，我们不用mouseover和mouseout而用hover问题就解决了。

hover: function( fnOver, fnOut ) { return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );}

也就是说hover！=mouseover+mouseout。但hover=mouseenter+mouseleave。

链式调用和分开调用的区别?

链式调用, 是在对象的一个方法调用后 , 才开始调用后一个方法, 两个方法之间是有先后顺序的, 而且, 后一个方法的调用是在前一个方法的基础上, 进行的 , 所以对于 "mouseenter, mouseleave" 事件的末尾一个事件, 必定是前面的那个 div 已经显示了出来的基础上的...

如果分开调用, 就不能保证 mouseleave事件执行时, div已经被显示出来了. 就不能保证 div 已经可见, 从而去获取div的尺寸...

在菜单类似于下拉的 div的情况下, 不能简单的认为触发 div显示的 span/li, 一旦 mouseleave后, div就隐藏,因为这样处理 , 会产生div的闪烁. (因为你如果设置成, 一旦从div中移出就隐藏,但是当你移出到触发元素中,div又要马上显示, 这样在快速的隐藏/显示过程中, 就产生了闪烁.. .. 为了解决触发元素 mouseleave后, 而鼠标移到 div内部的情况, 这个时候, div还不能马上就隐藏... 而且要考虑: 从触发元素移出 -> 到div中, 和从 div中移出->但是进入到触发元素中, 为了避免闪烁, 这两种情形, 都要判断鼠标的纵坐标位置 (因为横坐标的位置, 不会产生重叠 , 相互进入), 因此, 要判断鼠标的纵坐标位置是在两者组合对象: (触发元素+ div)的纵坐标组合之外...时, 才能隐藏 div.

**触发元素的mouseleave要判断纵坐标, div的mouseleave 也要判断纵坐标...

[[

关于hover函数的处理

匹配元素，绑定hover事件，有多种方法：

直接在hover的参数函数function中书写事件处理代码.
使用bind方法，绑定 "mouseenter, mouseleave" 事件，到指定到函数处理 “名字”上
还是使用hover，只是后面的参数是一个指定的函数名字

这个函数名字，通常使用 handlerInOut.

为什么要用这个函数名？因为同样的代码要在多个地方，多次用到，所以“遵循：重复代码必然可以重构必然可以提取”的原则，把这些同样的，重复的代码，提取到一个函数中，然后，在事件处理中使用这个公用的提取的函数名。

]] 其实, 这个也是套路吧: 先在要显示 "提示信息/ 操作结果信息提示" 的地方, 创建一个空的 div, 然后在 js中向这个div中追加提示信息: $("div-info").append("..." + msg + "...");

如下所示:

所有的事件,包括鼠标事件, 键盘事件, 单击事件, 都不用在前面加on, 这个是jquery..(在html中, 是onclick, onmouseenter, 而在 jquery中, 就是 click, mouseenter...)
几乎所有的事件方法的参数, 都是 mouseX( [[data], fn] ), 即, 你可以使用一个空的事件函数, 也可以带处理函数, 也可以向fn传送处理数据的事件 event.data的参数
用什么事件来触发动作, 需要考量: 凡是显示/隐藏的效果, 要用其他元素来触发,... , (因为当目标对象隐藏后, 对象可能 ? 就无法选中了...) 凡是只是改变元素的外观, 如颜色, 背景, 边框等, 不牵涉到元素的隐藏的, 可以由对象本身的事件来触发...

mouseenter事件和 mouseover事件, 从名字上都能区分他们的不同(可以用房间来比喻: mouseenter, 相当于进入房间, 那你只能在进入时, 触发一次; 而mouseover, 在...之上, 就相当于, 你坐在房间中的沙发上, 这时你会触发沙发的 mouseover 事件; 但同时, 这个沙发的 over事件会冒泡, 你坐在沙发上, 那你肯定也算是是在房间的 over上面, 所以也会触发父元素 "房间的" mouseover事件)::

对于包含子元素的父元素, 如div>p>span来说, 对于 div来说, mouseenter事件只有一次, 即只有当鼠标 "从div 元素的边界边线外第一次进入元素内部时, 才会触发mouseenter 事件. 而对于 mouseover 事件, 当鼠标从父元素进入子元素 / 从子元素移出到父元素, 这两种情况都会触发 mouseover事件, 前者是由子元素的over事件冒泡产生的, 后者是父元素本身的 over事件...

你就想象是 "房间" 和 "沙发"的关系...

与之对应的一组事件是: mouseleave 和 mouseout: enter和leave相对应, over和 out相对应.

注意的是, mouseout 事件同样会产生冒泡, 由div下的p, span等冒泡产生的out事件也会触发 div的 mouseout事件. 在最后一次鼠标离开 div的时候, 会同时产生两个事件:　leave和out事件! (而且是div本身产生的)...

upan下的.Trash-0是什么?

是linux下的u盘的回收站.
linux下的回收站, 是分布在 $HOME/.local/share/Trash下的, 里面有两个文件夹, Files是存放被删除文件的, Info是存放被删除文件的信息的: *.trashinfo...
windows 的回收站是分布在每个分区下的 Recycle目录下的...
而windows 的U盘是没有回收站的, 所以删除后, 就真的没有了. 在windows中, 以点号开头的文件, 不认为是隐藏文件, 所以 linux下的U盘删除文件信息.Trash-0 在 windows中就被显示出来了.
由于windows和linux处理文件的方式不同, 所以, 最好是规范操作 upan中的文件, 否则, 在切换系统时, 会引起文件的损坏, 甚至造成系统的蓝屏...