Javascript onmouseout问题解决方案
我们预期只有当鼠标从div中移开的时候才会触发onmouseout事件,可是,事实上,当我们移到div中的元素时就会触发onmousout事件。也就是说,移到对象的子对象上,也算onmouseout了。这往往会让我们预期的效果达不到。此方法可解决这个问题。
<script type="text/javascript">
function test(obj, e) {
if (e.currentTarget) {
if (e.relatedTarget != obj) {
//e.relatedTarget为event的相关节点
if (obj != e.relatedTarget.parentNode) {
alert(1);
}
}
} else {
if (e.toElement != obj) {
if (obj != e.toElement.parentNode) {
alert(1);
}
}
}
}</script><div onmouseout="test(this, event)" style="width:100px;height:100px;border:1px #666 solid"><span style="margin:5px;width:100%;height:100%;border:1px #ff0000 solid">faddsf</span></div></body></html>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/LLorJJ999/archive/2009/10/29/4741232.aspx
分享到:
相关推荐
javascript onmouseout 解决办法.docx
onmouseout 发现它的触发太敏感,当经过层内文字链时,即触发onmousetout事件,功能不能正常显示,经过一番搜索,整理出来,供大家参考。 1、 代码如下: [removed] function test(obj, e) { if (e.currentTarget) { ...
onMouseOut onMouseOver onMouseUp onMove onReset onResize onSelect onSubmit onUnload 第十章 LiveWire 数据库服务 本章包含了服务器端与 LiveWire 关联的对象:database,DbPool,Connection,Cursor,Stproc...
本书不仅介绍了基础知识和使用方法,也深入探讨了JavaScript应用示例。 《JavaScript基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读,也是高校相关课程理想的教材。 第1章 了解JavaScript 1 1.1 ...
JavaScript实现表格动态变色 本文实例为大家分享了JavaScript实现表格动态变色的具体代码,供大家参考,具体内容如下 表格分为:表头、表格主体 两部分 当移动到表格主体的行时,移动到哪一行,哪一行就变化颜色...
js下关于onmouseout、事件冒泡的问题经验小结.docx
JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...
解决方法一: 使用jQuery,这个大家都会的: 代码如下: ”div1″>触发显示浮动层</div> ”div2″> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> [removed] $(“#div1”).mouseover(function(){ $(“#div2”...
javascript实现放大镜功能 本文实例为大家分享了javascript实现放大镜功能的具体... onmouseout:鼠标指针移出指定对象时发生 onmousemove:鼠标指针移动时发生 offsetLeft | offsetTop | offsetWidth | offsetHe
在IE下解决问题很简单,用onMouseEnter、onMouseLeave来代替onMouseOver、onMouseOut就行了,他们的作用基本相同,但前者不会发生冒泡(如果用 jQuery的event事件,只要绑定mouseleave、mouseenter即可)。...
一、前言 1 二、JavaScript的程序控制结构和对象 2 1、for循环语句: 2 2、while循环: 2 3、do-while循环: 2 4、JavaScript函数: 2 ...5、从java访问javascript资源和方法:略 25 十、插入件 25
(1) JavaScript对象也是有属性和方法的 15 对象属性的使用 15 对象方法的使用 15 (2) 对象的定义与实例化 15 (3) 对象的作用域 16 JavaScript对象只有公用作用域 16 JavaScript对象没有静态作用域 16 ...
两个事件的触发表现真的就是你想要的吗?在IE下确实有你需要的两个这样事件:onmouseenter 和 onmouseleave。但很不幸FF等其他浏览器并不支持
最近两天在温习onmouseover事件和onmouseout事件,其实里面有很多深奥的知识,接下来小编给大家带来了onmouseover事件和onmouseout事件全面了解,感兴趣的朋友一起看下
javascript 播放器 控制 发表:不详 阅读: 37 次 关键字:不详 字体:[大 中 小] 详细参数可查询MSDN http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay/mmp_sdk/settingsobject.asp <!...
常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...
适用的JavaScript的一些技巧 比如说: 找吧" name="B1" onMouseOut=this.style.color="blue" onMouseOver=this.style.color="red" class="button">