`

JS IE onMouseLeave onMouseEnter

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
		function hiddenRightSelect(leftSelectId, rightSelectId) {
			document.getElementById(rightSelectId).style.display = "none"; // 隐藏动态加载Select框
		}
		function displaySelect(leftSelectId, rightSelectId, type) {
			var obj = document.getElementById(rightSelectId);
		
			obj.style.display = 'block';
		}
		function stopEvent(obj,e){
			if (e.toElement != obj) {
				if (obj != e.toElement.parentNode) {
					event.cancelBubble=true
				}
			}
			
		}

  </script>
 </head>

 <body>
  <div 
  style="width:615px;height:208px;border :1px solid #000000;"
  onMouseLeave="hiddenRightSelect('multiChannelSelect','ftCmpSameExtPara.channelTypeCode2');"
  onMouseEnter="displaySelect('multiChannelSelect','ftCmpSameExtPara.channelTypeCode2',1);"
  onclick="alert('外层');"
  >
	  <div id="multiChannelSelect" style="width:300px;height:200px;border :1px solid red;float:left;margin:2px"
	  >
				qqqqqqqqqqqqq
	  </div>
	  <div id="ftCmpSameExtPara.channelTypeCode2" style="width:300px;height:200px;border :1px solid red;float:left;display:none; margin:2px"
	  onclick="alert('内面');"
	  >
				bbbbbbbbbbb
	  </div>
  </div>
 </body>
</html>

分享到:
评论

相关推荐

    DIV中兼容IE和Firefox的mouseleaves事件

    DIV中兼容IE和Firefox的mouseleaves事件

    javascript 兼容FF的onmouseenter和onmouseleave的代码

    经过测试发现,例子1 在 ff下抖动的厉害,ie下稍微有点。具体原因 其实就是 mouseout 的冒泡机制 引起的。

    TButton增加OnMouseLeave事件Delphi源码

    TButton增加OnMouseLeave事件Delphi源码·

    javascript中onmouse事件在div中失效问题的解决方法

    在IE下解决问题很简单,用onMouseEnter、onMouseLeave来代替onMouseOver、onMouseOut就行了,他们的作用基本相同,但前者不会发生冒泡(如果用 jQuery的event事件,只要绑定mouseleave、mouseenter即可)。...

    javascript mouseover、mouseout停止事件冒泡的解决方案

    在IE里有onmouseleave和onmouseenter, 而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。 虽然网上已经有针对Mozilla Firefox的一些计策,但代码量也是不容乐观的。 想寻求比较好的解决方案,于是就翻遍了...

    chrome浏览器不支持onmouseleave事件的解决技巧

    之前一直没测试chrome ,今天事情不太多,就测试了一下,发现给div加的 onmouseleave事件在chrome 中不起效果; 后来发现解决办法用jquery的方式实现 例如 代码如下: &lt;div id=‘aaa’ class=’divfloat’ ” ...

    Delphi为TButton增加OnMouseLeave事件一例.rar

    Delphi为TButton增加OnMouseLeave事件一例,类似鼠标HOOK一样,检测鼠标的位置,能判断出鼠标是否已经移动到按钮上,在按钮上的话会显示文字“在”,反之显示“不在”。

    onmouseover和onmouseout的一些问题思考

    两个事件的触发表现真的就是你想要的吗?在IE下确实有你需要的两个这样事件:onmouseenter 和 onmouseleave。但很不幸FF等其他浏览器并不支持

    OnMouseLeave.rar_按钮控件_Delphi_

    TButton增加OnMouseLeave事件

    javascript实现电商放大镜效果

    3、onmouseenter鼠标移入 4、onmouseleave鼠标移出 案例完整代码。html+css3+javascript 案例需求:鼠标点击左边图片时(鼠标呈十字架),遮罩层显示,右边盒子显示。且鼠标移动中心在遮罩层中心,右边大盒子显示鼠标...

    跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

    昨天去 大牛 司徒正美 的blog 看博文 突然看到 关于 onmouseenter 和onmouseleave 两个ie专有事件..

    Alpha Controls 12.18

    Improved repaint of some controls ...Added OnMouseEnter and OnMouseLeave events in the TsGauge component Added the "sclLeftLeft" parameter in the BoundLabel.Layout property A lot of small improvements

    JavaScript鼠标悬停事件用法解析

    鼠标悬停事件是当鼠标的光标与其名称表示的元素重叠时触发的事件,本篇文章我们就来详细介绍一下JavaScript中鼠标悬停事件的用法。 我们先来看一下什么是onmouseover? 鼠标悬停的活动是“事件”,而onmouseover是...

    G:\Temp\KSDev.TrayClock.v1.04.rar

    + Handle all standard events - OnClick, OnMouseDown, OnMouseUp, OnMouseMove, OnMouseEnter, OnMouseLeave + Support standard hint + Handle custom hint window + Supports Windows95/98/Me/NT/2000/XP/2003

    swiper.zip

    js手写轮播图其中运用到了setInterval,事件锁,清空计时器 // 触摸到div的时候清空计时器 $('div').onmouseenter = function () { clearInterval(clear); } // 离开div的时候重新开启计时器 $('div')....

    BalloonHint

    这是一个在Delphi2010中提供的气泡形提示用的组件,在Delphi2007中是没有的。本人从Delphi2010中将它抠出来... 这里提供一个例子说明它的用法:仅需编写需要显示提示信息的组件的OnMouseEnter、OnMouseLeave事件即可。

    AlphaControls_12.18_Stable

    * Added OnMouseEnter and OnMouseLeave events in the TsGauge component * Added the "sclLeftLeft" parameter in the BoundLabel.Layout property * A lot of small improvements * Added new "Flat Box" ...

    TMS Component Pack v3.7

    TAdvToolBar v1.3.5----------- New: Automatic MDI close/min/max buttons in ToolBar- Improved: ToolBar button paintingUpdate : TAdvPanel v1.6----------- New: OnMouseLeave, OnMouseEnter events- New: ...

Global site tag (gtag.js) - Google Analytics