`
nubix
  • 浏览: 90835 次
  • 性别: 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
分享到:
评论

相关推荐

    js触发事件大全

    - onmouseout:鼠标指针离开元素区域时触发。 2. 键盘事件: - onkeypress:用户按下并释放一个键时触发,通常与字符输入有关。 - onkeydown:用户按下键盘上的键时触发。 - onkeyup:用户释放键盘上的键时触发...

    JS鼠标键盘触发函数大全

    - **`onBounce`**:当`<marquee>`内的内容移动至显示范围之外时触发。 - **兼容性**:IE4 | N | O - **`onFinish`**:当`<marquee>`元素完成内容显示时触发。 - **兼容性**:IE4 | N | O - **`onStart`**:当`...

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

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

    鼠标触发的事件,JS脚本

    7. onMouseOut:当鼠标离开某对象范围时触发的事件。 这些事件可以被用来实现各种交互效果,如 hover 效果、点击效果等。 在 JavaScript 中,我们可以使用 addEventListener 方法来捕获这些事件,并执行相应的处理...

    js事件触发大全

    - **`onmouseout`**: 鼠标离开元素时触发。 - **`onmouseover`**: 鼠标进入元素时触发。 - **`onmouseup`**: 用户释放鼠标按钮时触发。 - **`onmousewheel`**: 用户滚动鼠标滚轮时触发。 #### 4. 键盘事件 - **`...

    Event 对象的使用方法

    14. `onmouseout`:鼠标从元素移开时触发。 15. `onmouseover`:鼠标移到元素上方时触发。 16. `onmouseup`:鼠标按钮被释放时触发。 17. `onreset`:重置按钮被点击时触发。 18. `onresize`:窗口或框架被调整大小...

    jquery放大镜效果

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

    javascript:onmouse事件大全

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

    javascript 触发事件列表

    当鼠标指针从某个元素移开时触发的事件。 **示例:** ```html 按钮" onmouseout="window.status='正常状态'; return true;"> ``` 当鼠标从按钮上移开时,浏览器的状态栏会恢复为“正常状态”。 #### 十、双击...

    JavaScript事件大全

    - `ondrop`:在目标位置释放拖动的对象时触发。 - `onlosecapture`:元素失去鼠标捕获时触发。 - `onpaste`:内容被粘贴时触发。 - `onselect`:文本被选中时触发。 - `onselectstart`:文本选择开始时触发。 ...

    javascript事件列表解说

    - `onbeforeupdate`:在数据从数据源更新到对象时触发。 - `oncontextmenu`:当用户通过鼠标右键或键盘触发上下文菜单时触发。 - `oncopy`:在内容被复制之后触发。 - `oncut`:在内容被剪切之后触发。 - `...

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

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

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

    然而,在处理复杂的DOM结构时,可能会遇到一些意料之外的行为,尤其是在子元素上也触发了 `onmouseout` 事件时。 ##### 问题描述 考虑以下场景:有一个父 `div` 元素,其内部包含若干子元素。当鼠标离开父元素时,...

    [js]javascript事件集合(包有触发事件).pdf

    `onmouseover`事件在鼠标指针移入元素范围时触发,`onmouseout`事件在鼠标指针移出元素范围时触发。 ```html 鼠标悬停" onmouseover="window.status='';return true"> ``` #### 6. ondbclick, onkeypress, ...

    JavaScript触发事件列表

    获得焦点事件是用户单击text或textarea对象时,光标落在文本框或选择框时会产生的事件。例如:('我成为焦点')"> 失去焦点事件(OnBlur) 失去焦点事件是当text对象、textarea对象或select对象不再拥有焦点而退出...

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

    5. `onmouseout`:当鼠标离开某个对象时触发,可以用来取消之前因`onmouseover`产生的效果。 6. `oncontextmenu`:用户右键点击时触发,通常用于自定义右键菜单。 对于复制、粘贴等文本操作,也有对应的事件处理: ...

    JS事件大全

    - `onDrop`:在目标元素上放下拖动对象时触发。 - `onLoseCapture`:元素失去鼠标捕获时触发。 这些事件是JavaScript中交互设计的核心,开发者可以通过监听和处理这些事件来创建丰富的用户界面和交互体验。理解并...

Global site tag (gtag.js) - Google Analytics