`
nubix
  • 浏览: 89894 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

禁止onmouseout移至内部对象时触发

阅读更多
解决方案是判断event的目标对象是不是当前对象的子结点。

这个属性在

firefox中为event.relatedTarget

ie下为event.toElement


while(obj != null){
	if(obj == self) 
		return true;
	obj = obj.parentNode;
	}
	return false;
}
		
$("#some-div").mouseout(function(event){
	if(contains(this,(event.toElement||event.relatedTarget)) == false){
		//do sth. here
	}
});
0
0
分享到:
评论

相关推荐

    用户行为检测与禁止(HTML和JS)

    单击某个对象时触发 ondblclick 双击某个对象时触发 onmousemove 移动鼠标时触发 onmouseover 鼠标在某个对象上时触发 onmouseout 鼠标从某个对象上移走时触发 oncontextmenu 用户右键时触发 复制粘贴...

    js下关于onmouseout、事件冒泡的问题经验小结

    问题是这样的:一个div元素要触发onmouseout事件,同时这个div内部还有子元素,于是当鼠标移动到该div的子元素上时,onmouseout事件也被触发了。在要做浮动层效果的时候会经常遇到这个问题。 解决方法一: 使用...

    jquery放大镜效果

    onmouseout:鼠标移出指定对象上时触发; onmousemove:鼠标在指定对象上移动时触发; 2.先来看看它的执行效果吧。 https://topqiang.github.io/XQ_bigimg/goodsDetail.html 源码:...

    javascript:onmouse事件大全

    * onMouseOut:当鼠标离开某对象范围时触发的事件 * onKeyPress:当键盘上的某个键被按下并且释放时触发的事件 * onKeyDown:当键盘上某个按键被按下时触发的事件 * onKeyUp:当键盘上某个按键被按放开时触发的事件 ...

    浏览器事件大全.txt

    onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件. onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件 onkeyup IE4、N4 当键盘上某个...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。 ondrag 当进行拖曳操作时在源对象上持续触发。 ondragend 当用户在拖曳操作结束后释放鼠标时在源对象上触发。 ondragenter 当用户拖曳对象...

    Html事件列表

    onMouseOut HTML: 当鼠标离开某对象范围时触发的事件 onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:...

    js事件总结

    onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的...

    onmouse事件总结

    onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的...

    onmouseover和onmouseout的一些问题思考

    但随之烦恼也就来了:onmouseover并不会只在移进时才触发,onmouseout也不会只在移出时才触发!鼠标在DIV里面移动时也会可能触发onmouseover或onmouseout。 在上图中,对于’A’来说:当鼠标进入’A'(路径’1′)时...

    javascript onmouseout 解决办法

    onmouseout 发现它的触发太敏感,当经过层内文字链时,即触发onmousetout事件,功能不能正常显示,经过一番搜索,整理出来,供大家参考。 1、 代码如下: [removed] function test(obj, e) { if (e.currentTarget) { ...

    onmouseover事件和onmouseout事件全面理解

    这两天接触了onmouseover事件和onmouseout事件,一直以为它们只是简单的分别实现鼠标指针移动到元素上时触发事件和在鼠标指针移出指定的对象时触发事件,但是突然发现这些只是对它们简单的描述,下面让我们一起看看...

    PHP100视频教程 50: Ajax+PHP检查用户名或邮件(三)

    1、Ajax技术实现用户名检查原理2、学习HTML的几种触发onblur 事件会在对象失去焦点时发生...onmouseout 事件会在鼠标指针移出指定的对象时发生。onmouseup 事件会在鼠标按键被松开时发生。3、如何获取表单中的数据内容

    javascript 多浏览器 事件大全

    一般事件 事件 浏览器支持 描述 ...onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 ...onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的

    《javascript》——event对象与事件

    * onmouseover 和 onmouseout 事件的使用:这两个事件通常都是配合着使用,表示对一个对象的状态改变的两种最常见情形。 通过本节教学,学生将掌握 Event 对象的属性和方法,并能正确地使用 Event 对象来处理用户的...

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版

    onmouseover事件是在鼠标移到元素上时触发的,而onmouseout事件是在鼠标离开元素时触发的。在IE浏览器中,我们可以使用JavaScript来捕捉这些事件,并执行相应的操作。 在Firefox浏览器中,我们可以使用CSS的:hover...

    JavaScript事件列表解说

    当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4、N4 鼠标移动时触发此事件 onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件 onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件...

    javascript onmouseout 解决办法.docx

    javascript onmouseout 解决办法.docx

    jQuery简单的放大镜效果插件XQ_bigimg

    三个鼠标事件: onmouseover:鼠标移到指定对象上时触发; onmouseout:鼠标移出指定对象上时触发; onmousemove:鼠标在指定对象上移动时触发; 迫不及待想试一试了。 在你的页面里引入这两个文件。位置放在页面...

    HTML表单事件大全

    一般事件 ...onDblClick 鼠标双击事件 onMouseDown 鼠标上的按钮被按下了 onMouseUp 鼠标按下后,松开时...onMouseOut 当鼠标离开某对象范围时触发的事件 onKeyPress 当键盘上的某个键被按下并且释放时触发的事件.

Global site tag (gtag.js) - Google Analytics