防止鼠标事件通过子元素
是指在前端开发中，通过一些技术手段来阻止鼠标事件（如点击、悬停等）在父元素上触发时，被其子元素所捕获并处理。
在实际开发中，有时候我们希望鼠标事件只在父元素上触发，而不会被子元素所干扰。这种情况下，可以使用事件委托（Event Delegation）的方式来解决。
事件委托是指将事件绑定到父元素上，然后利用事件冒泡的机制，通过判断事件的目标元素（event.target）来确定具体触发事件的子元素。这样一来，无论子元素如何变化，只要它们属于父元素的后代元素，都可以被父元素捕获到事件并进行相应处理。
事件委托的优势在于可以减少事件绑定的数量，提高性能，同时也方便动态添加或删除子元素时的事件处理。
以下是一个示例代码，演示如何通过事件委托来防止鼠标事件通过子元素：
<!DOCTYPE html>
<html>
<head>
<title>防止鼠标事件通过子元素</title>
</head>
<body>
<div id="parent">
<button>子元素</button>
</div>
<script>
var parent = document.getElementById('parent');
parent.addEventListener('click', function(event) {
if (event.target === parent) {
console.log('父元素被点击');
}
});
</script>
</body>
</html>在上述代码中，我们给父元素绑定了一个点击事件，并通过判断事件的目标元素是否为父元素来确定是否触发了父元素的点击事件。如果点击的是子元素，事件将不会被触发。
在腾讯云的产品中，与前端开发相关的产品有云开发（CloudBase）和云函数（SCF）。云开发提供了一站式的后端服务，包括静态网站托管、云函数、数据库、存储等，可以帮助开发者快速搭建和部署前端应用。云函数是一种无服务器的函数计算服务，可以用于处理前端应用的后端逻辑。
腾讯云云开发产品介绍：https://cloud.tencent.com/product/tcb
腾讯云云函数产品介绍：https://cloud.tencent.com/product/scf
相关·内容
我有一个带有mouseout观察者的DIV。
这个DIV也有子元素。当鼠标指针进入它的任何子元素时，mouseout事件也将被激发。
我怎样才能防止这种行为？
浏览 0提问于2010-09-13得票数 1
我的页面中有以下HTML
<div id='divContainer1' onmouseover=ShowEditDiv(1) onmouseout=HideEditDiv(1) class='divClcContainer'>
<div id='divSlNo1'>1</div>
<div id='divItem1'>This is content</div>
<div id='divEditLin
浏览 3提问于2009-10-08得票数 0
回答已采纳
我使用d3.js生成一个svg圆，圆的中间有一个文本徽标。这是svg结果。
<g id="main">
<circle r="114" fill="#F0E8D0"></circle>
<text text-anchor="middle">The movie title</text>
</g>
下面是d3.js
var circles = [{r: innerRadius}];
svg.append("g").attr(
浏览 6提问于2014-03-17得票数 16
回答已采纳
1回答
根据我在中所读到的内容，当我首先按子元素输入div时，父元素的mouseenter事件不会触发。然而，它确实如此。
这里有一个来说明这一点。我希望鼠标中心事件只在我击中蓝色区域时触发，而不是当我击中子元素时。有可能吗？
浏览 3提问于2017-08-24得票数 1
回答已采纳
我正在建立一个闪光应用程序，将全屏。我需要确保它在各种分辨率下都是可用的。
在设计应用程序时，我想覆盖您在此处看到的指导原则：
我可以很好地覆盖它们，但问题是我现在无法与应用程序交互，因为当我点击UI的某个部分时，它会认为我在点击图像，因为从技术上讲，它在前面。我希望图像在视觉水平上位于前面，但不会对应用程序的键盘/鼠标交互产生任何影响。
我的后退是创建一系列1像素宽的线条，它们仍然是鼠标/键盘的前景，但我可以处理失去那么多交互能力。
或者，有什么方法可以在浏览器(Firefox)级别绑定这些引导标记吗？
浏览 2提问于2010-12-04得票数 0
2回答
优先于事件处理程序
、、、、
我不确定这是不是一个好问题，但我希望听到一些关于这方面的意见。
假设有两种事件：
A: a mouse click
B: mouse is currently inside a box
另外，假设有两种事件处理函数：
f: console.log("mouse is clicked")
g: console.log("mouse is clicked inside the box")
现在我想让代码做的是，当鼠标在框内以外的任何地方单击时，显示消息“鼠标已被单击”。但是，当鼠标在框内单击时，会显示消息“鼠标已在框内单击”。
我目前的实现方式如下所示：
if (A
浏览 5提问于2013-02-18得票数 1
我正在使用轨道控制来旋转相机三倍。
const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.dampingFactor = 0.07;
controls.rotateSpeed = 0.07;
controls.enableZoom = false;
controls.screenSpacePanning = false;
controls.minDistance = 250;
controls.maxDistance = 350;
controls.minPolarAngle = 1.2
浏览 0提问于2018-11-09得票数 1
回答已采纳
我有一个带有WindowsHostControl的用户控件，该控件托管第三方视频控件。我想能够捕捉鼠标点击事件时，鼠标被点击的视频。我尝试将事件附加到WindowsFormsHost控件，但它从未触发过。如何开始拦截鼠标单击？
浏览 0提问于2012-07-18得票数 1
回答已采纳
我注意到，在Webkit中，当鼠标在单击时从/移到按钮的子元素时，<button>元素不会触发onclick事件。换句话说:当mousedown和mouseup事件不发生在相同的元素上时--即使两者都是按钮的子元素。
当单击/释放按钮文本的像素时，也会发生同样的情况。
为了澄清，我做了一个测试用例：
它在FireFox中运行得很好。Chrome 15和QtWebkit 4.7.1失败
有办法绕道吗？我需要一个专门针对Webkit的解决方案，因为我的项目只针对这个浏览器。
解决方案
我可以根据Jan Kuča (我接受的解决方案)建议的方法来解决这个问题。一些额外的调整是必要的，特别
浏览 6提问于2011-11-02得票数 5
回答已采纳
2回答
放下div不能保持可见
、、、
我正在试着做一个下拉列表，我已经做了一些工作。当我把鼠标放在这个区域上的时候，向下下降形状的div就会变得可见。然后当你把鼠标放在div中的任何东西上，它就消失了。这显然不是故意要发生的。这是我的密码。任何解决方案都是非常感谢的。
HTML：<li><a onMouseOver="showServersDropDown()" onClick="showServersDropDown()" class="three-d"> Servers <span aria-hidden=&#
浏览 4提问于2014-02-04得票数 0
回答已采纳
我试图创建一个小图像，跟随鼠标周围，但只存在于一个特定的区域。我使用javascript/jquery在鼠标进入该区域时创建图像，并在鼠标离开时删除它。
问题是，如果我在区域div中创建“跟随者”，图像似乎被认为是确定鼠标状态的父函数的一部分，因此即使鼠标在区域之外，它仍然存在。(如果我移动鼠标足够快，光标就会逃逸，跟随者也会消失。)
下面是我使用的代码：
$("#area").mouseenter(function() {
$("#area").append("<img id='follower' src='fol
浏览 0提问于2015-11-06得票数 0
回答已采纳
1回答
我从两个不同的模块中有两个名称相同的指令。一个是第三方模块，我无法改变它。它将鼠标轮事件绑定到元素。
我编写了我自己的指令，试图撤消这个绑定。
angular.module('myModule').directive('ngViewport', [function () {
return {
restrict: 'A',
priority: -1,
link: function ($scope, element, attrs) {
element.bind("
浏览 5提问于2014-02-27得票数 1
回答已采纳
我正在开发一个用于学习的网站。我在右上角创建了一个菜单按钮，如下面的截图所示。
下面的屏幕截图显示了当菜单按钮被触发时页面的外观。
您可以看到在展开的菜单面板中有3个分区。我正在尝试使用javascript onmouseout在将鼠标移出DIV时自动隐藏菜单。但一旦鼠标指针到达中间灰色的div，菜单就会隐藏。虽然这个灰色的div是菜单面板的子级，但菜单一到达这个灰色的div就会隐藏起来。如何克服这个问题？
<div class="menupanel">
<div class="menulist">
浏览 4提问于2020-08-27得票数 2
假设我有以下内容
<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Sub Item</li>
</ul>
</li>
<li>Item 3</li>
</ul>
这个列表是由其他代码自动生成的(所以添加独占id's/class‘是不可能的。假设我有一些jquery代码，它声明如果我将鼠标悬停在安莉上，它将获得背景颜色。但是，如果我将鼠标移到"Sub Item“列表项上，”item 2
浏览 1提问于2010-06-01得票数 0
3回答
我有一个全屏透明画布覆盖我的网页。在画布上，我呈现了一个交互式对象。有一个问题:画布下面的元素(例如链接)不会响应鼠标点击。
显而易见的解决方案是将pointer-events: none应用到画布上，这是我通常使用的。这将允许点击通过。但是，这在这种情况下不起作用，因为我希望交互式对象是可单击的。
所以这是我想要做的：
画布应保留鼠标单击事件。如果事件没有结束交互式对象，它应该将事件传递给页面另一侧的元素。
我该怎么做呢？
浏览 0提问于2016-05-24得票数 17
回答已采纳
我有一个带有一些子元素的元素。当鼠标离开父元素时，我想隐藏父元素及其子元素。我遇到的问题是，当我将鼠标悬停在任何一个子对象上时，mouseout事件都会被触发。防止这种情况的最好方法是什么？我真的希望只有当鼠标不在父对象或其任何子对象中时，事件才会触发。
浏览 0提问于2010-02-08得票数 4
回答已采纳
我有一排带有"itemcontainer“类的div，它们在鼠标悬停时显示一组动作图标。其中一个操作图标有一个下拉菜单，其中包含鼠标悬停时显示的绝对位置。我试图解决的挑战是，下拉菜单横跨在项目容器上，当您将鼠标向下移动到下拉菜单时，项目容器鼠标输出逻辑会启动并隐藏下拉菜单和项目容器。任何建议，请参阅下面的jquery代码。
$(".itemcontainer").live("mouseover", function () {
$(this).addClass("selecteditemcontainer");
浏览 1提问于2010-07-23得票数 1
回答已采纳
1回答
我在JS中有这两个关于鼠标切换和鼠标退出的事件。它们是为了检查我是否在我的页面上的一个面板上徘徊。但问题是，当我悬停在面板上时，它会触发(很好)，但当我悬停在该面板内的另一个元素上时，它会触发一个mouseout事件，然后当我移动到面板中的另一个部分时，再次触发mouseover事件。
我只想让鼠标移动和鼠标操作事件只发生一次！一次是因为进入面板，另一次是因为离开了。是否有方法将调用传播到div.panel中的所有子元素。看来这会纠正它。
这是我的活动
$(document).off("mouseover").on("mouseover", "div
浏览 3提问于2017-01-14得票数 22
我需要一个线索如何停止#气泡闪烁只要我移动鼠标指针在它上面，这两个元素是彼此放置的，画布的onMouseMove显然是干扰它，我使用Chrome进行测试。
<p id="bubble" onclick="noBubble();"></p>
<canvas id="kogal" width="450" height="630" onmousedown="onMouseDownkogal(this, event);" onmousemove="onMouseMove
浏览 1提问于2014-10-31得票数 0
1回答
我有一个表，在这个表中，我使用class="shift“将所有元素绑定到一个单击函数。
现在，由于我还需要在元素的一部分上使用另一个单击事件，所以当鼠标进入元素时，我希望解除对click事件的绑定，并在离开时重新绑定(用于一些触摸事件之类的)。
现在，我像这样绑着
$("table").on("touchstart mousedown",".shift", function(e){ ... })
但是，当我试图解除对特定元素的绑定时，假设它添加了一个“选择”的class=，以区分我使用的当前元素：
$("table").o
浏览 0提问于2016-07-09得票数 0
回答已采纳
6回答
通过绝对定位的元素传递鼠标事件
、、、、
我试图捕获一个元素上的鼠标事件，该元素上有另一个绝对定位的元素。
现在，绝对定位的元素上的事件点击它并冒泡到它的父元素，但我希望它对这些鼠标事件是“透明的”，并将它们转发到它背后的任何东西。我应该如何实现它？
浏览 2提问于2009-06-17得票数 359
回答已采纳
我有一个导航项，当单击它时，会显示一个隐藏的div。当你将鼠标移出div时，我很难让div隐藏起来。当用户的鼠标离开div的边界时，我希望它隐藏起来。下面是jquery：
$(document).ready(function () {
$('li#locations a').click(
function(){
$('#locationsSuperNav').slideDown();
}
);
$('#locationsSuperNav').mouseout(
浏览 0提问于2010-08-18得票数 2
回答已采纳
背景
更高的想法是，我试图使用语音命令来控制我的网页。我收到一条消息来做一些事情，我试着用编程来模拟。(即点击按钮或键入某物)。
现在，我有一个Lightbox图库(使用包含图像的源代码() )。在锚中有一个带有锚元素和图像元素的div容器。
<doctype = HTML>
<html>
<head>
<link rel = 'stylesheet' type='text/css' href='css/style.css'>
<link rel = &
浏览 3提问于2020-07-02得票数 0
2回答
我使用鼠标事件作为外部元素。如何用较小的代码实现1子元素的触发
<div onmouseout='myfunc()'>
<div>item1</div>
<div>item2</div>
...............
<div>item n</div>
</div>
鼠标事件不应适用于item1 to n
浏览 1提问于2009-10-03得票数 0
回答已采纳
4回答
使元素对用户可见，但对事件不可见
、、、、
我不太确定如何描述我要做的事情，但我会尽我最大的努力。
目前，我有一个父<div>，其中包含绝对定位的子<div>，并且我正在跟踪鼠标指针相对于鼠标所在元素的位置坐标。
此时，当我将鼠标放在我的子<div>上时，我得到了相对于它们的鼠标位置，但我希望坐标是相对于父<div>的，即使将鼠标悬停在子元素上也是如此。
所以我基本上希望子元素是可见的，但是对于mousemove是透明的，所以我希望mousemove直接到达父元素。
我该怎么做呢？我是否需要以某种方式将父<div>放在前台，同时仍然让子<div>显示出来？或者仅仅为
浏览 1提问于2010-04-13得票数 4
回答已采纳
2回答
我有一个包含2个子按钮的按钮。当我翻动子按钮时，我希望能够保持鼠标悬停在状态上。目前，当我翻动子按钮时，它会触发鼠标，我怀疑这是正确的，但不是我想要发生的事情。
有什么办法可以解决这个问题吗？
浏览 0提问于2010-05-12得票数 0
回答已采纳
1回答
我正在绘制应用程序，我想提供网格与网格功能相结合。我正试图找到正确的方法(理想情况下是一些设计模式)，但我对应该负责的正确的类感到非常困惑。
我有一个编辑器类，它有一个活动工具对象。编辑器正在监听所有用户操作(鼠标单击、鼠标移动等等)并将它们传递给active tool对象。Active tool对象然后处理这些事件并根据其状态呈现形状(首先单击激活该工具，然后它侦听鼠标移动并绘制形状预览，第二次单击在我的模型类中创建该形状)。
我正在考虑使用截取过滤器模式-每个事件将首先通过过滤器，结果将传递给active工具。我想这可能适用于对象创建，但与移动和调整大小操作有什么关系？这些取决于正在移动/
浏览 0提问于2016-02-15得票数 3
1回答
我有一个受启发的容器，里面有两个重叠的div。
较低的z索引div具有overflow-y滚动，并且只有当鼠标光标不在较高的z索引div的边界内时，它才能滚动。
我希望将滚动传播到堆栈中较低的z索引div ...
你如何做到这一点？
浏览 17提问于2018-08-13得票数 1
回答已采纳
2回答
我尝试使用这个解决方案来创建一个可调整大小的侧导航栏：。我可以创建一个可调整大小的div，但是，每当我单击选择一个菜单选项时，div也会调整大小。我只希望Sidenav在被鼠标拖动时调整大小。
有一件事需要注意:由于我用来开发这个站点的工具，我不能使用#id，所以我必须使用一个类来代替。
代码如下：
var i = 0;
var dragging = false;
$('.sidenav-wrapper').mousedown(function(e){
e.preventDefault();
dragg
浏览 1提问于2018-06-13得票数 1
在我的Meteor应用程序中，当我第一次将鼠标放在元素上时，会触发两次'mouseenter‘事件。在第一次之后，它可以正常工作。
此外，当我在不移动鼠标的情况下启动应用程序时，事件处理程序会运行一次。
代码如下：
Template.filters.events({
'mouseenter .filters-box': (event, element)=>{
var target = Template.instance().$(event.target).children('.filters-popup')[0]
console.l
浏览 8提问于2016-04-22得票数 1
1回答
假设我在XAML中有两个元素。为了说明起见，让我们说我有一个列表视图和一个网格。如下所示：
<ListView Name="MyList> />
<Grid Name="MyGrid" Background="#80FF0000"/>
我使用网格放置一个大的红色半透明覆盖在列表视图的顶部(即。网格按Z级排列更高)。
现在，这种安排意味着网格将阻止鼠标消息进入基础列表视图，这正是我想要的.那么多就行了。
但意外的结果是，网格也将阻止鼠标轮消息被列表视图接收，这不是我想要的。
因此，我想知道是否有可能对网格进行点击测试，允许鼠标
浏览 1提问于2017-01-09得票数 3
2回答
我试图在“视频项目”上注册一个点击事件，并通知id。只有当我单击“视频项目”的填充时，才会出现带有正确id的警报；其他时间，它都是空的.
我在堆栈溢出上尝试了不同的解决方案，比如附加一个宽度/高度100%的子元素，并在我单击的子元素上添加$event.stoppropagation。
我做错了什么？
添加JSFiddle -
(JSFiddle注:显示css；控制器不工作.没有时间把它完全设置好)
<div class="video-item fade" ng-repeat="chirp in chirps | orderBy: 'date_create
浏览 5提问于2015-02-19得票数 0
回答已采纳
1回答
我需要做以下工作
用户单击屏幕上的一个方块。
因为它是一个网格，所以用户可以在不释放鼠标的情况下移动到邻居广场，我需要检测鼠标进入这个新的方块来激活下一个方块，在第一个移动之后，移动的方向就固定了。
重复，直到鼠标释放，当鼠标释放时，检查是否匹配，仅此而已。
我用onmousedown、onmouseenter和onmouseleave很好地实现了这一点，在我处理最后一步的文档中添加了一个onmouseup。
问题是，我需要这个在移动设备中工作。我成功地实现了使用touchstart、touchmove组合来拖动touchmove，这很简单。现在我试图实现上述行为，但我发现
浏览 3提问于2017-03-23得票数 4
回答已采纳
正如JQuery文档所述，我已经将许多行鼠标切换为mouseenter，因为它不会触发不止一次。
当指针移动到子元素时，mouseover也会触发。
只有当指针移动到绑定元素时，mouseenter才会触发。
即使是hover事件也可以作为鼠标和鼠标保存，而不是鼠标切换和鼠标输出。
这让我想知道，如果mouseover能够做到这一切，为什么会出现mouseenter事件。
对我来说，当你在一个元素上移动鼠标时，mouseover就会不期而至地被触发。这似乎真的取决于子元素的深度。
mouseover和mouseout是否有一个很好的用例，需要多次触发？
浏览 10提问于2013-02-21得票数 2
2回答
我试图建立个人资料悬停卡在我的网站上的按钮，以跟随和取消关注用户，我能够建立这个，直到悬停部分，但悬停卡是消失时，当我移动出我的个人资料缩略图，我如何解决这个问题，使悬停卡停留在鼠标上方，并消失在鼠标移出
<code>B0</code>
<code>C1</code>
更新:我能够实现它，并更新plunker以供参考，以便将来有人可以使用它。
浏览 25提问于2021-06-11得票数 0
4回答
每当用户在HTML文档上按下鼠标并在释放按钮之前拖动鼠标，他移动的内容就会被选中。
我正在创建一个jquery滑块，我想取消这个事件，这样当用户用鼠标拖住鼠标时，当鼠标超过文本时，文本就不会被选中。
此示例工作：
如果您在光标结束时启动鼠标，“这是.中的一个示例”文本，文本将被选中。
但是，如果您在光标位于滚动电梯上时启动鼠标，然后将鼠标移动到“这是一个示例从.”文本，当您将光标移动到文本时，文本不会被选中。
他们是如何取消文本选择的？
谢谢。
浏览 11提问于2011-03-25得票数 1
回答已采纳
是否可以禁用IntegerField组件的鼠标滚动的值更改效果？如果是的话，你能告诉我这是怎么可能的吗？
浏览 5提问于2022-09-08得票数 0
我正在尝试使用<li>中的嵌套<ul>来创建一个“超级菜单”。在父<li>上使用jQuery (鼠标悬停)，我可以使<ul class="sec1"和<ul class="sec2">出现。
但li上的鼠标弹出功能不起作用，因为一旦您推出父<li>，下拉菜单就会消失。如果鼠标位于父<li>或子<ul>上，如何使下拉列表保持活动状态
下面的HTML结构。
<li>link
<ul class="sec1">
<li>s
浏览 3提问于2010-09-27得票数 3
回答已采纳
我尝试使用MouseMove事件来跟踪鼠标的位置。
protected override void OnMouseMove(MouseEventArgs e)
当鼠标位于给定的UIElement (在本例中，是我的应用程序的窗口)上时，这是有效的。但是，我想访问此数据，而不管鼠标在哪里，甚至最好是不管我的应用程序是否具有焦点。
我认为Mouse.Capture是解决方案，并且我已经使用它来捕获到我的窗口，但是MouseMove仍然只有当鼠标在窗口上时才被引发。
有谁知道如何获得独立于鼠标位置的MouseMove事件(或类似事件)？
浏览 1提问于2009-01-15得票数 1
我注意到，如果您打开任何页面，比如youtube.com，然后用鼠标左键向下拖动鼠标，就会出现大量的蓝色块，这似乎与鼠标被拖动的位置没有任何关系。例如，在来自youtube.com的下面的图片中，我按住左边的按钮，沿着红线从左到右拖动鼠标，当鼠标到达右端的点时，顶部的区域都变成蓝色：
有人知道这是怎么回事吗?我怎么才能阻止它？这对我来说是个问题，因为我给人们一个页面，他们可以画东西，其中一个操作是在几个项目周围拖动一个框来分组，但是拖动会导致页面上不相关的东西变成蓝色。
谢谢
浏览 0提问于2014-07-27得票数 0
回答已采纳
我有一堆与此类似的MapIcons定义：
Geopoint t_pt = new Geopoint(new BasicGeoposition() { Latitude = -50.05, Longitude = 22.12 });
MapIcon t_icon = new MapIcon { Location = t_pt };
t_icon.Title ="My_Title";
MainMap.MapElements.Add(t_icon);
这些显示在MainMap上没有任何问题。但我想为每个显示图标标题的MapIcon添加一个工具提示。我已经尝试过了：
ToolTipSe
浏览 5提问于2017-11-21得票数 0
但情况显然并非如此。
我的JS：
$(".job_charge.item-block").live({
mouseenter: function(){
$(this).find('.edit-and-delete').stop(true,true).fadeIn();
},
mouseleave: function(){
$(this).find('.edit-and-delete').stop(true, true).fadeOut();
}
});
我的HTML：
<div id="job_cha
浏览 0提问于2012-03-28得票数 8
回答已采纳
所以基本上我正在尝试为我的站点nav创建一个水平的ul。我希望在每个链接下面出现一个div，当你将鼠标悬停在它上面时，它会弹出。在鼠标悬停时，动画可以正常工作，但是在鼠标输出时，div并不总是消失。我是jQuery的新手，所以我不确定我做错了什么。非常感谢您的帮助！
//append a div with class blue-hover to all li elements in main-nav
$('#main-nav li a').append('<div class="blue-hover"><\/div>
浏览 1提问于2011-09-06得票数 0
我试图只在鼠标所在的元素中添加边框，但我的代码也将边框添加到其父元素中，
我的代码：
jQuery('body').mousemove(function(e){
var el = e.target;
jQuery(el).hover(function(){
jQuery(this).css('outline','solid 2px #000');
},function(){
jQuery(this).css('outline',''
浏览 2提问于2013-07-22得票数 0
回答已采纳
我试图创建一个简单的菜单，这是启动时，用户悬停在顶部栏上的按钮。菜单在容器div中显示(使用onmouseover事件激活块显示)。但是，当用户将鼠标悬停在容器内的菜单项列表上时，div就消失了。HTML结构类似于：
<div id="menu-contaier" onmouseout="hideMenu();">
<div id="lvl1"></div>
<div id="lvl2"></div>
<div id=
浏览 2提问于2012-08-12得票数 0
我对html5拖放有一点问题。我看不出有什么容易的办法。基本上，我有一些带有其他html元素的“框”。父框是可拖动的，它们可以互相丢弃。
我将dragover事件绑定到主体上，以处理整个页面上的拖放。问题是，当您拖过这些框时，有时会在子元素上触发该事件，而父元素则根本得不到此事件。
有什么简单的方法可以防止这种情况发生吗？
基本上，我希望当鼠标在目标框的区域内时，就立即启动dragover事件。我知道有几种方法可以解决这个问题，但它们真的很难看，我想知道是否有一些简单的东西。
谢谢你的想法
我在代码中所做的简短版本：
document.addEventListener('dragent
浏览 3提问于2012-09-20得票数 7
4回答
嗨，我正在试图隐藏一个鼠标进入身体的div，它没有正常工作，我试图隐藏的div，将隐藏，并再次出现。签出这个
这是我的代码：
联署材料：
$(document).mouseenter(function() {
$('.jadu').hide(10);
}).mouseout(function(){
$('.jadu').show(10);
});
HTML：
<div class="jadu"></div>
CSS：
*{padding:0px;margin:0px;}
.jadu{
pos
浏览 7提问于2014-05-17得票数 1
回答已采纳
2回答
我使用jquery向html文档中的某些元素添加一个悬浮类。但是，如果一个可悬停的元素有一个可以悬停的子元素，则两者都会得到悬停类，即使当前鼠标仅位于子元素上。
我怎么才能避免呢？
<div class="hoverable">
text/html content
<div class="hoverable"> tect/html content </div>
</div>
浏览 0提问于2014-09-08得票数 0
回答已采纳
我正在用ReactJ建立一个画廊，在主图像下面有可拖放的拇指。问题是，每当我拖动一个拇指，它的链接url与鼠标拖动。
有可能在拖放时隐藏网址吗？
最好与香草Js一起使用。
浏览 0提问于2015-05-18得票数 0
回答已采纳
这是我的HTML：
<table id="myTable">
<tr class="myTr">
<td>
CELL 1
</td>
<td>
Cell 2
</td>
<td class="notThis">
Cell 3
</td>
</tr>
&
浏览 0提问于2011-06-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
