<!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>
分享到：
相关推荐
### 标题知识点：javascript 兼容FF的onmouseenter和onmouseleave的代码 在网页开发中，事件处理是一项基础而重要的技术。在不同的浏览器中，对于同一种事件的处理可能会存在差异。例如，Internet Explorer（IE）...
在IE下解决问题很简单，用onMouseEnter、onMouseLeave来代替onMouseOver、onMouseOut就行了，他们的作用基本相同，但前者不会发生冒泡（如果用 jQuery的event事件，只要绑定mouseleave、mouseenter即可）。...
DIV中兼容IE和Firefox的mouseleaves事件
`TButton`是Delphi内置的标准按钮组件，它提供了丰富的事件处理机制，如`OnClick`、`OnEnter`等，但默认情况下并没有提供`OnMouseLeave`事件。这个事件在其他一些组件中存在，当鼠标离开控件边界时触发，但在`...
在Web开发中，JavaScript事件是页面交互的核心，`onmouseleave`事件是其中之一，它在元素失去鼠标焦点时触发。然而，Chrome 浏览器并不直接支持 `onmouseleave` 事件，这可能会导致开发者在实现某些交互功能时遇到...
为实现跨浏览器兼容的解决方案，可以使用`onmouseover`和`onmouseout`，并通过检查事件的`relatedTarget`或IE特有属性`fromElement`和`toElement`来模拟`onmouseenter`和`onmouseleave`的行为。下面的示例代码展示了...
然而，TButton默认并不提供OnMouseLeave事件，该事件在鼠标离开控件时触发，这对于某些交互设计来说可能会有所限制。本示例将详细介绍如何通过自定义代码为TButton增加OnMouseLeave事件功能。 首先，我们要理解...
在Delphi 7中，Panel控件作为常用的布局容器，提供了丰富的功能，但默认情况下并未直接提供鼠标进入（OnMouseEnter）和鼠标离开（OnMouseLeave）事件。这两个事件在许多用户界面设计中非常有用，例如高亮显示、提示...
OnMouseLeave事件在鼠标离开控件的边界时触发，这与OnMouseEnter事件相对应，后者在鼠标进入控件时触发。这两个事件在设计用户交互时非常有用，因为它们可以用来更新界面状态，例如改变按钮的颜色、文本或者显示隐藏...
`onmouseenter`和`onmouseleave`与`onmouseover`和`onmouseout`类似，但它们不会因子元素导致的边界穿越而触发。例如： ```html ;"> ;height:50px;background-color:red;"> document.getElementById('parent')...
或者，可以监听TComboBox的OnMouseLeave事件，当事件发生时，主动显示鼠标光标。 在提供的文件列表中，我们看到有`.cfg`、`.dcu`、`.ddp`、`.dfm`、`.dof`、`.dpr`、`.exe`、`.mdb`和`.pas`文件。这些文件分别代表...
2. **重写OnMouseEnter和OnMouseLeave方法**：这两个方法分别在鼠标进入和离开控件时被调用。我们可以利用它们来实现按钮的放大和缩小效果。 ```csharp protected override void OnMouseEnter(EventArgs e) { base...
本教程将详细讲解如何使用JavaScript（js）来实现这一效果。 首先，我们要了解遮罩层（mask）的基本概念。遮罩层通常是一个半透明的覆盖层，它被放置在图片上方，用于突出显示图片中的某些部分或者在用户与图片交互...
- `onmouseenter`和`onmouseleave`事件：这两个事件类似于`mouseover`和`mouseout`，但是它们不会冒泡。 - `e.stopPropagation()`方法：用于阻止事件继续传播。 - `e.cancelBubble`属性：在旧的IE浏览器中使用，...
当鼠标移动到元素上或离开元素时，可以触发`onmouseenter`和`onmouseleave`事件。为了判断鼠标移入或移出的方向，我们需要获取鼠标相对于元素的位置信息。`event.clientX`和`event.clientY`分别表示鼠标在页面中的...
1. **事件监听**：为了在鼠标悬停时显示气泡提示，我们需要监听控件的`OnMouseEnter`和`OnMouseLeave`事件。当鼠标进入控件区域时触发`OnMouseEnter`，离开时触发`OnMouseLeave`。 2. **创建提示对象**：在Delphi中...
this.attachEvent('onmouseleave', fn); } else { // 非 IE 处理 this.addEventListener('mouseout', function(e) { var tar = e.relatedTarget; if (!contains(this, tar)) { fn.call(this); } }, false); ...
4. 要实现这个功能，我们需要覆盖TLabel的OnMouseEnter和OnMouseLeave事件。在OnMouseEnter中显示Hint，在OnMouseLeave中隐藏Hint。如下所示： ```delphi procedure TCustomLabel.ShowHint(Sender: TObject); begin ...