2024年12月三星5630手机(南宁手机维修)-听风

今天给各位分享三星5630手机的知识，其中也会对南宁手机维修进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文导读目录：

2、htcbutterfly（HTC Butterfly 夜间模式的拍照功能怎么样）

mouseover和mouseenter的区别（JavaScript中mouseout函数一般位置

JavaScript中mouseout函数一般位置

与mouseenter事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发mouseover事件。只有在鼠标指针穿过被选元素时，才会触发mouseenter事件。与mouseout事件不同，只有在鼠标指针离开被选元素时，才会触发mouseleave事件。如果鼠标指针离开任何子元素，同样会触发mouseout事件。??解决两者的区别，看下面引用的例子：??当为某个容器绑定了onmouseover或者onmouseout事件时，如果这个容器中有其它元素节点，那么鼠标在内部移动时会频繁触发onmouseover和onmouseout事件。??而我想要的效果是：事件仅在鼠标进入/离开元素区域触发一次，当鼠标在元素区域内部移动的时候不会触发。??为什么会出现这个原因呢？其实是因为事件冒泡导致的。当鼠标移上或者移出容器中的子节点时，会分别触发mouseover和mouseout事件，紧随着dom树向上冒泡传递，直到被事件处理程序（监听器捕获捕获或者冒泡到根节点（document或者window，也就是说事件会向它的父级对象派发。知道了问题产生原因，那么解决起来是不是也很简单呢？最初我想的是取消事件冒泡，使用event.cancelBubble=true（IE和e.stopPropagation()（其它浏览器，但是简单测试后发现貌似没有什么效果，问题依旧，貌似冒泡停止不了，原因不明。（补充：我是测试将容器中的a链接节点取消冒泡，但是发现鼠标移上移下还会触发事件。a节点下还有span节点。难道要将容器中所有节点都取消冒泡才行？有心人可以测试，如果真的这样，那也太恶心了，要是N多的节点，难道都要停止冒泡下？??其实在IE下鼠标事件有个mouseEnter和mouseLeave，这个就是移进和移处容器时触发一次，在内部移动则不会触发，遗憾的是只有IE支持。我们现在要做的就是“为非IE浏览器添加mouseEnter和mouseLeave支持”。??我翻阅了百度最新开源的JS库tangram，看了里面的处理，发现貌似是单独处理了非IE浏览器下的事件，使用一个叫“baidu.event._eventFilter._crossElementBoundary(listener,e)”的方法修正mouseover和mouseout，然后封装了个mouseEnter和mouseLeave事件。baidu.event._eventFilter._crossElementBoundary=function(listener,e){varrelated=e.relatedTarget,current=e.currentTarget;if(typeofrelated==’undefined’){returnlistener.call(current,e);}//如果current和related都是body，contains函数会返回false//Firefox有时会把XUL元素作为relatedTarget//这些元素不能访问parentNode属性//thanksjquery&mootools//如果current包含related，说明没有经过current的边界//注：baidu.dom.contains是个定义的检测节点是否包含的函数，下面我会讲到if(related===false||current==related||related.prefix==’xul’||baidu.dom.contains(current,related)){return;}//调用执行returnlistener.call(current,e);};??百度的方法我并不喜欢，首先它只对非IE浏览器进行了处理，当然，它又进行了封装，可以直接使用mouseEnter和mouseLeave；但是，我们做普通开发，没必要这么封装，我只是想要简单的去掉mouseover和mouseout的这个恼人特性。??而jQuery则不是这么做的，它是直接对IE和其它所有浏览器下的mouseover和mouseout事件进行了修正。参考jQuery，我得到了我目前所有的代码。??首先，介绍个判断节点对象是否包含的函数contains.functioncontains(p,c){returnp.contains?p!=c&&p.contains(c):!!(p.pareDocumentPosition(c)&);}??然后就是重点的了，这里我们在IE下用到了fromElement和toElement，这两个是IE下的鼠标移上去时和移出时的节点对象三星5630手机(南宁手机维修)。functionfixedMouse(e,target){varrelated,type=e.type.toLowerCase();//这里获取事件名字if(type==’mouseover’){related=e.relatedTarget||e.fromElement}elseif(type=’mouseout’){related=e.relatedTarget||e.toElement}elsereturntrue;returnrelated&&related.prefix!=’xul’&&!contains(target,related)&&related!==target;}??然后我们怎么用呢？比如在绑定事件时，//addListener为封装的事件绑定函数addListener(target,’mouseover’,function(e){e=e||window.event;if(fixedMouse(e,target)){//dosomething}},false);??这样就会只在移入移出target节点时触发mouseover和mouseout了。??当然，你也可以将上面的代码单独封装成mouseEnter和mouseLeave，这样可以以后调用时更好区别mouseover和mouseout。