防止弹出窗口冒泡
弹出窗口冒泡是指当一个弹出窗口出现在页面上时，它可能会干扰用户的操作，例如覆盖其他重要内容或者打断用户的工作流程。为了防止弹出窗口冒泡，可以采取以下几种方法：
- 弹出窗口阻止冒泡：在弹出窗口的代码中，可以使用事件对象的stopPropagation()方法来阻止事件冒泡。这样一来，当用户点击弹出窗口时，事件将不会传递到页面的其他元素上，从而避免了冒泡问题。
- 使用模态框：模态框是一种常见的弹出窗口类型，它会阻止用户与页面其他部分的交互，直到用户关闭或处理完弹出窗口。通过使用模态框，可以有效地防止弹出窗口冒泡问题。
- 设计友好的用户界面：在设计用户界面时，应该尽量避免频繁弹出窗口的情况，特别是在用户正在进行重要操作时。如果确实需要弹出窗口，应该尽量减少其对用户操作的干扰，例如通过在页面其他区域显示提示信息而不是弹出窗口。
- 使用浏览器插件或扩展程序：有些浏览器插件或扩展程序可以帮助防止弹出窗口冒泡，它们可以拦截弹出窗口的请求或自动关闭弹出窗口。用户可以根据自己的需求选择适合的插件或扩展程序来增强浏览器的弹出窗口管理能力。
总结起来，防止弹出窗口冒泡可以通过弹出窗口阻止冒泡、使用模态框、设计友好的用户界面以及使用浏览器插件或扩展程序等方法来实现。这些方法可以提升用户体验，避免弹出窗口对用户操作的干扰。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
相关·内容
1回答
我正在尝试使用两个jquery函数在一个页面中显示多个弹出窗口。其中之一是打开弹出窗口的按钮(嵌套在按钮内部，以便将弹出窗口定位在按钮旁边)。另一个功能是关闭弹出窗口(位于嵌套的div中)的按钮。
问题是，组成第一个按钮的div将其功能扩展到打开的弹出窗口，有效地使它在每次我想关闭弹出窗口时再次打开。(至少我是这么认为的，因为在我取消弹出窗口中打开按钮的嵌套之后，它就开始工作了。)
下面是javascript的代码
jQuery(document).ready(function(){
$(".button_open").click(function()
{
$(this).c
浏览 1提问于2013-03-01得票数 0
回答已采纳
1回答
我正在使用iScroll进行移动友好滚动，并有一个奇怪的问题。我不仅在站点的主要部分使用iScroll，而且还将其用于弹出窗口。但是，弹出窗口中的滚动也会触发主站点下面的滚动。
有办法防止这种冒泡吗？
浏览 3提问于2014-07-01得票数 0
回答已采纳
我有一个叫做mydiv的div作为我的页面的容器..。当有人双击时，我会做一些事情。
$('#mydiv').dblclick(function(e) {
// some stuff (**A**)
}
在这个mydiv中，我创建jsplumb元素(它们本身就是div)。
当我双击其中一个，就像这样：
jsPlumb.bind("dblclick", function(e) {
// some other stuff (**B**)
}
但是出现了A和B的弹出窗口。
我想防止A中的弹出，如果B被删除的话。
浏览 1提问于2014-08-20得票数 0
回答已采纳
2回答
我有一个常见的场景，当单击窗口时，会取消弹出的div。我使用的代码是
$(window).load(function (){
$('.popupstyle').live("click", function(e){
return false;
});
});
$(document).ready(function(){
$(window).click(function(){
$('.popupstyle').hide();
});
});
但问题是，没有像LinkButton这样
浏览 0提问于2012-09-28得票数 0
回答已采纳
我的身体上有一个点击监听器：
document.body.addEventListener('click', function(e){
});
它在那里，所以当用户点击我的网站主体或任何其他元素时，任何打开的弹出窗口都会关闭。
但是我想防止在弹出窗口上的点击(除了X按钮)触发事件。
我该怎么做呢？
浏览 3提问于2017-10-12得票数 1
4回答
当您将鼠标悬停在以下站点上的某个图像上时，将出现一个包含操作按钮的div。当您单击div时，弹出窗口将打开，当您单击子操作按钮时，将发生不同的事件。
当你点击div的一个子按钮时，弹出窗口就会弹出来。我尝试使用下面的代码停止事件传播。
$(document).on('click', '#DOMWindow .like', function(event) {
event.preventDefault();
event.stopPropagation();
});
浏览 0提问于2012-04-12得票数 1
回答已采纳
1回答
我使用的是Drupal6表单，ahah用于ajax表单提交。在表单提交时，我执行一些验证，并允许用户选择在jqModal弹出窗口中显示的选项。我用于jqm弹出窗口的JS脚本是：
$(document).ready(function() {
$("#dialog").jqm();
});
并使用tag打开jqm弹出窗口。
<a href="#" class="jqModal">Choose option</a>
<div cl
浏览 3提问于2014-05-08得票数 0
我有一个javascript链接，我将其用作弹出窗口上的按钮：
<a href="#" class="submit-action close-modal">Submit</a>
"submit-action“类有一个jQuery .click()绑定，该绑定在嵌入到模态中的表单上执行.submit()。“关闭模式”类有一个关闭模式的.click()绑定。
$(".submit-action").click(function() ($("#someForm").attr("action"
浏览 2提问于2012-08-14得票数 0
回答已采纳
2回答
我希望当我单击背景上的某个地方时弹出窗口消失。问题是，当我单击X或弹出窗口本身时，它就消失了。
想象一下，它是一个日历选择器，如果这让我的意图更明确的话。
我怎样才能让它做到这一点？
浏览 5提问于2011-02-22得票数 3
回答已采纳
3回答
我在表格中有一列专门用于评论。我需要当该单元格被点击时，会出现一个弹出窗口，允许用户添加注释。在单元格内将有现有的注释和删除它们的方法。单击以删除注释时，不应该看到弹出窗口。
我试过：
$("td").not('div').click(function(){
$('#popup').show();
}); //was hoping this would mean if td is clicked, and clicked area is not a div
$("div").click(function(){
浏览 2提问于2014-05-14得票数 0
回答已采纳
使用标准的Twitter javascript组件，下拉菜单触发了一个弹出。
当用户点击弹出框时，您能帮我防止下拉列表关闭吗？
这里有一个小提琴：
UX：
单击下拉菜单按钮===>下拉菜单显示
单击弹出下拉项目===> popover显示
单击Popover ===>下拉菜单，弹出窗口消失！O不！我怎样才能防止这种情况？
我希望弹出和下拉列表保持向上，直到(a)单击外部下拉列表和弹出，或(b)故意隐藏(例如，单击popover表单提交后)。
html：
<div class="btn-group">
<button
浏览 2提问于2013-04-21得票数 0
回答已采纳
我做了一个突击检查。我想确保如果用户单击弹出窗口以外的任何地方，弹出窗口都应该关闭。HTML代码-新quote1新报价新报价
Js代码-
angular.module('myApp', [])
.controller('myCtrl', function($scope){
$scope.selectedItems = {quote : {label : 'You ngModal now works'}};
$scope.newQuote = function(){
alert('It works&
浏览 1提问于2015-09-24得票数 1
2回答
无法关闭弹出窗口
、、
一个带有class=.team-popup的弹出窗口在单击class=".team-single"时打开，我无法在单击class=.close-btn时关闭弹出。
以下是JS和html代码
jQuery(document).ready(function() {
jQuery(".team-single").click(function() {
jQuery(".team-popup").show();
});
jQuery(".close-btn").click(function() {
jQu
浏览 2提问于2015-05-12得票数 3
回答已采纳
我正在使用Colorbox显示一所大学的课程信息(请参阅)。在每个弹出窗口中都有一个链接到我想要在外部窗口或选项卡中打开的类注册页面的按钮。使用带有target="_blank“的标准a标签不起作用(请参阅除第一个课程(高级蛋糕装饰I)之外的所有内容)-弹出窗口缩小为空窗口。我可以通过将window.open()函数附加到onclick事件来使其工作，但这也会缩小弹出窗口。我想在它自己的窗口/选项卡中打开类注册链接，并使colorbox弹出窗口保持打开状态以供参考。
任何帮助都将不胜感激。
最佳-乔
浏览 0提问于2012-03-23得票数 1
回答已采纳
3回答
是否有办法将绑定设置为优先？
我有一个类似的链接：
<a href="" class="popItUp" data-track"stuff"> </a>
popItUp绑定以获取url并在弹出窗口中打开。
数据跟踪是另一个用于发送事件跟踪数据的绑定。
问题： popItUp返回false，并且数据跟踪绑定永远不会触发。是否有一种方法总是让数据跟踪首先由jQuery运行，因为它总是返回true？
谢谢
码
// Mixpanel Click Tracking
$('[data-track]').live(&#
浏览 4提问于2011-09-01得票数 0
回答已采纳
我在地图上显示了一个表单/div。我希望这样做，以便在窗体/div区域外有单击时隐藏它，而不是当单击位于窗体/div内时。
我无法检测单击何时在div内完成。相反，表单/ div中的所有单击都是在映射中检测到的，就好像div不存在一样。
<div id="map" class="map"><div id="popup">
//input data of form
</div> </div>
<script>
map.on('click', function(ev
浏览 2提问于2016-11-07得票数 3
回答已采纳
1回答
如何在关闭弹出窗口/单击其他弹出窗口时关闭该弹出窗口？ 我已经使用EventListener来执行第一个弹出窗口的功能，但是当我对第二个弹出窗口执行同样的操作时，第一个弹出窗口停止工作。 我已经尝试使用不同的函数名和弹出窗口的ID来复制JS代码。 var popup = document.getElementById("myPopup");
function myFunction() {
popup.classList.toggle("show");
}
window.addEventListener('click', ({ t
浏览 25提问于2020-07-10得票数 0
我使用useState创建了一个弹出窗口，它在React 17中工作，但在React 18中停止，没有显示任何错误。
当我最初将isVisible状态设置为true时，弹出窗口就会显示出来，但是将其设置为使用按钮不起作用。
我想知道为什么会出现这种情况，以及如何迁移它以响应18，因为我需要它来处理项目中的其他依赖项。
{isVisible && (
<Popup
visible={isVisible}
toggle={() => {
setLightboxVisible(false);
document.body.clas
浏览 27提问于2022-06-03得票数 0
回答已采纳
我正在尝试实现一个自定义弹出式窗口的角度。问题是当打开弹出窗口时，我不知道如何在没有覆盖的情况下轻松地实现它。我已经发现，在基于jQuery的库中，使用.closest函数是常见的，但我无法找到普通Javascript的替代方法。
浏览 0提问于2014-11-11得票数 3
我在一个Vue.js项目中使用了Quasar UI元素。对于某些弹出元素，特别是本例中的q-select，在q-select之外单击会导致其关闭。这很好--这就是我想要的行为，但是click事件也会传播到q-select之外的HTML元素，这可能导致意外/不想要的行为。我希望在q-select弹出窗口之外单击只会关闭弹出窗口，而不会传播到任何其他DOM元素。Quasar/q-select是否支持此行为，或者我是否需要自己实现此行为？
浏览 3提问于2018-10-02得票数 7
我有一个表列表视图及其行编辑选项。 当单击编辑图标时，会打开一个弹出窗口，其中包含一些输入字段(下拉菜单、文本字段等)。当我在模式弹出窗口中点击输入元素时，根据点击的元素位置，下面表格中的相应行将被选中。 我们如何阻止点击/选择事件通过下面的元素？
浏览 25提问于2021-06-25得票数 0
回答已采纳
注:我正在学习jQuery，所以请原谅我的新问题。
我有一个灯箱图库，我想这样做，如果我要点击画廊中的“next”按钮，它会显示下一个图像(就像它已经做的那样)，但是点击其他地方，它就会关闭facebox窗口弹出。
我玩了相当多的代码，但我被困在这里：
$('#facebox :not(.image_next)').click($.facebox.close)
我要去的地方是：
“在id为facebox的div中，除非单击的是下一类图像，否则关闭facebox窗口。”
不幸的是，无论我在哪里单击，这都会关闭窗口，包括在带有该类的img上。
任何帮助都会动摇。
浏览 2提问于2011-01-15得票数 0
1回答
正在使用一个名为的jquery工具。它是一个显示图像的工具。它工作得很好，但是如果从ajax调用返回了某个值，我需要防止它的lightbox功能发生。现在，这个问题不是关于ajax调用，而是关于如何在单击链接之后阻止LightBox做它的事情？
这是使用LightBox弹出图像的链接(很好)
<a id="test_id" href="http://localhost/histogram.do" data-lightbox="histogram1"> Click Me </a>
这是我笨拙的代码，试图阻止LightBox继
浏览 5提问于2014-04-12得票数 0
回答已采纳
2回答
我正在使用Bootstrap为创建一个下拉列表，但我在使用它时遇到了一些问题。
在我的网站上，如果点击"Select Population“，弹出窗口就会出现(仅供参考:点击"submit”会有东西出现在里面)。当我在它里面点击的时候，它总是会关闭。我如何防止它这样做呢？我只希望它关闭，如果单击字段外。
下面是我使用的代码：
CSS：
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.dropdown-menu:before {
position: absolute;
top
浏览 3提问于2014-04-12得票数 6
回答已采纳
2回答
我的要求是，当我在弹出窗口上悬停并选择表单上的内容时，弹出窗口应该保持可见。
如果弹出式窗口失去移动悬停，它应该被隐藏起来。
使用下面的代码，一切都很好。但是，当我试图在“选择框”(选项从弹出窗口中下拉)中选择该选项时，弹出窗口就会被隐藏。
以下是JSFIDDLE链接，此问题仅在Internet 中发生
这里是代码
<div id="popup">
<div class="label"> Search </div>
<div class="control">
<select
浏览 3提问于2012-08-10得票数 0
1回答
我对这个脚本有问题
$("#izmene_lica").click(function () {
var ask = window.confirm("Da li ste sigurni da želite da sačuvate ove podatke?");
if (ask) {
$('#odabir').attr('action', 'proces_hr.php'); //#odabir is id of my form
} else {
return false;
}
});
它有时起作用，有
浏览 0提问于2014-04-01得票数 0
我已经创建了一个弹出库，它使用React Portal将每个弹出窗口渲染到body，以减轻overflow: hidden问题。现在弹出窗口可以打开更多的弹出窗口，我想确定是否在这些弹出窗口层次结构之外进行单击，以便关闭所有这些弹出窗口。如果它们是嵌套的，我可以为e.target创建一个.contains，但在这里，DOM层次结构将是扁平的(即，所有弹出窗口都将是body中的兄弟)。由于React门户的性质，只会嵌套React层次结构。我的问题是，如何最好地检测单击是在此弹出层次结构内部还是外部进行的？
浏览 53提问于2018-07-26得票数 4
回答已采纳
我已经为自己创建了一个弹出窗口。在这个表单内的输入元素中(在弹出窗口中)，我想使用Jquery及其plugin Auto Complete。有谁有办法做到这一点吗？我使用过Jquery和其他形式的插件，但它们被放在"normal“页面中，而不是用Javascript创建的弹出窗口中。
有没有一种简单的方法来调用启动整个自动补全的函数？因为我肯定不能从弹出窗口再次链接到自动完成javascript文件？
浏览 1提问于2013-07-15得票数 0
回答已采纳
我正在开发一个Firefox扩展，我有一个工具栏按钮，它显示了一个覆盖图，我在ToolbarDisplayManager中放入了一些XUL代码
<overlay id="custombutton-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<toolbarpalette id="BrowserToolbarPalette">
<toolbarbutton id=
浏览 0提问于2012-06-22得票数 0
回答已采纳
当我在OpenLayers 3的一个功能上移动时，我试图改变光标。我使用了以下代码：
map.addInteraction(new ol.interaction.Select({
condition : function(event) {
return ol.events.condition.pointerMove(event);
}
}));
我的问题是，当功能被弹出窗口隐藏时(就像在中创建的一样)。将鼠标移动到该功能所在的位置时，即使该功能被弹出窗口隐藏，它仍会更改光标。
如果特征不可见，是否可以禁用这些特征的选择？
请参见。
浏览 14提问于2016-07-26得票数 0
回答已采纳
我正在尝试关闭当any body element (不是弹出窗口本身) is focused时打开的任何popover，
所以我这么做了：
$(document.body).on('focus focusout focusin', function(e) {
if( e.target.classList.contains('popover') ){return false;}
else{
$('*').popover('hide');
}
// code to close the popover
});
浏览 3提问于2013-01-12得票数 12
回答已采纳
1回答
$(document).keypress(function(e) {
if(e.which == 13) {
$("#submitButton").click();
}
});
当在页面中的任意位置按enter时，这就是我必须执行的函数，但这与我的dropdown list键盘导航冲突。
<div class="form-group" id="contractGroup">
<labe
浏览 0提问于2014-11-20得票数 0
基本上，我想要做的是将自定义窗口的状态从最大化更改为正常状态，并调整窗口的位置，当用户单击并移动鼠标在TitleBar上时，这在我的例子中是一个简单的边框。
显然要做的事情是将一个事件处理程序附加到MouseMove，并检查鼠标左键是否被按下：
private void OnMouseMove(object sender, MouseEventArgs e)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
Console.WriteLine("Mouse move
浏览 2提问于2014-02-04得票数 3
回答已采纳
2回答
演示：
该代码的意思是在按下按钮时显示弹出窗口，并在其他地方按下时隐藏它。当单击两次按钮时，会发生错误。
因此，当重复单击按钮时，代码应该显示/隐藏弹出窗口。
浏览 2提问于2012-08-26得票数 0
回答已采纳
我正在显示一个响应按钮单击(popup.IsOpen = true;)的Popup。popup包含一个ComboBox，当我单击组合框中的一项时，SelectionChanged事件所做的一件事就是隐藏弹出窗口。
弹出窗口出现在我的页面上也有一个DataGrid上，我发现在组合框上单击鼠标的操作也被我在DataGrid上获得的MouseUp事件所拾取。知道是怎么回事吗？
浏览 4提问于2013-02-22得票数 6
我想让fancybox关闭时，其中一个跨被点击，目前它似乎是重新打开窗口后，他们被点击，并点击其他地方关闭它应该。
<div class="fancybox" style="display: none;">
<span class="ChooseEnglish">English</span>
<span class="ChooseCymraeg">Cymraeg</span>
</div>
$(".fancybox")
浏览 3提问于2014-03-24得票数 0
回答已采纳
以下是我的脚本代码：
<script type="text/javascript">
$(document).click(function(e) {
$('.shoppingCartPopup').hide();
});
function showShoppingCartPopup() {
$('.shoppingCartPopup').show();
}
</script>
我有锚元素标记，其中有onclick="showShoppingCartPopup()"。问题是，
浏览 3提问于2017-01-12得票数 2
回答已采纳
我有一个按钮，应该打开一个弹出式窗口，但却重新加载页面。我使用link_to，它可以工作，但是button_to不行，把button_to改成GET请求不起作用。我如何强制它？
<%= button_to "Invite your friends", :id => "invite_fb_friends" %>
<div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js"></script>
浏览 0提问于2011-09-16得票数 1
回答已采纳
不，这不是复制的。对于每一种事件，这都是有效的--除了滚动！
我们有聊天窗口弹出，我们需要观察这些滚动事件。
这工作
$(".chat-window").scroll(function() {
var scroll = $(this).scrollTop();
console.log(scroll);
})
obv.如果我把它扔到我的控制台中，在聊天窗口已经弹出之后，它就能工作了。
但我们需要它作为未来的元素。这个解决方案不管用
这是我的工作
$(document).on("scroll", ".chat-window", fun
浏览 3提问于2015-08-17得票数 5
回答已采纳
2回答
我有一个里面有<a href>的div。当div被点击时，我想要显示一个弹出窗口，但当锚被点击时，我想要显示一个不同的模式。 <div data-toggle="modal" data-target="#firstmodal">
<div>
other stuff
</div>
<a href="" class="anch" data-toggle="modal" data-target="#other">
<
浏览 18提问于2019-02-27得票数 0
回答已采纳
当用户单击.popup_link时，会显示一个小的弹出窗口，并删除任何其他弹出窗口：
$("a.popup_link").click(function(){
hide_all_popups()
make_popup($(this).id)
});
但是，当用户单击页面上的任何其他位置，而不是弹出窗口时，我希望它也是hide_all_popups()。我需要这样的东西：
$("[ANY]:not(a.popup_link)").click(function(){
hide_all_popups()
});
我该怎么做？
浏览 0提问于2009-12-22得票数 0
回答已采纳
有人能解释一下event.preventDefault()和event.stopPropagation()之间的区别吗
我有一个表，在这个表中我有一个img标记。
当我点击img标签时，我想看到一个弹出窗口。
但是我也想停止对多行的选择，所以我使用：
$("table.items tbody tr").click(function(event) {
event.stopPropagation();
});
当我使用js代码时，弹出窗口没有出现；
如果我删除js代码，弹出窗口就会正常工作。
$(".info").live("clic
浏览 0提问于2013-08-09得票数 16
回答已采纳
1回答
我有一个网页，当我点击一个链接时，它会打开一个“评论这篇文章”的页面。在第二页上，我可以单击esc键返回到上一页。
在第二页上，我有一个按钮，它创建了一个弹出式表单，用于选择照片。在这个弹出式表单上，我可以单击esc返回到第二个主页面。
问题是，当我在弹出窗体中单击esc时，它会关闭弹出窗体，然后返回到第一页。例如，我已经点击了两次esc。
在这段代码之前，我知道事件传播，并尝试调用e.preventDefault()；，但它似乎不起作用。
我是不是漏掉了什么？
浏览 1提问于2012-12-24得票数 0
1回答
我正在尝试实现以下功能，但遇到了一些问题。我想要的是，当用户单击某个图像时，将出现一个弹出式div，其中包含有关该图像的一些信息。然后，如果用户单击该弹出窗口div之外的页面上的任何位置，它将简单地隐藏然后删除该弹出窗口。
我尝试做的是在将popUp div添加到页面之后注册一个eventListener。在同样的问题之后，我尝试了使用jquery和不使用和am。(我在下面包括了这两个，但在代码中一次只有一个是活动的。)
createProfilePopUpEventListener: function(){
$('body').on('clic
浏览 0提问于2014-05-04得票数 1
在大的内容页面中使用react-virtualised table和infinite scroll时，如果用户滚动到表格的底部，而下一组数据尚未完成加载，鼠标滚轮事件就会上升到窗口，并且窗口会继续滚动通过表格。
有没有办法截获鼠标滚轮事件来调用preventDefault？这可以检查用户是否在表的底部，以及是否要防止冒泡。
onScroll属性提供了一些信息，但没有提供事件，而且似乎没有一种方法可以访问处理滚动属性的网格元素上的onWheel事件。
浏览 19提问于2017-12-20得票数 0
4回答
我有带输入的模式
function check(){
if($("#columnName").val().indexOf(".") != -1){
alert("Column name cann't contain commas!");
return false;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<
浏览 0提问于2018-01-31得票数 0
当窗口被激活时，有可能防止鼠标事件吗？
例如，我有一个C#窗口，我将焦点切换到其他东西上，比如浏览器。当我通过单击重新激活c#窗口时，我不希望执行任何鼠标事件。在窗口上的第一次点击应该只是激活它。只有当窗口已经激活时，才会触发鼠标事件。
浏览 0提问于2013-02-11得票数 0
我有一个html表，当用户单击一行时，我想弹出一个jQuery ui对话框。使用以下代码可以很好地工作：注意事项：每行tr都有一个"projectRow“类。
$(".projectRow").live("click", function (e) {
var rowId = $(this).attr("id");
loadPopupDialog(rowId);
});
问题是，有时表格中单元格中的内容包含HTML超链接。如果你点击一个链接，我想“尊重”链接，而不是弹出对话框。现在，如果我在一个单元格中有一个链接，在另一个选
浏览 1提问于2014-05-10得票数 0
回答已采纳
我有一个链接，将显示一个弹出一次点击。
<a class="button" href="#popup1"><span id="contactspan"></span></a>
当点击链接时，一个覆盖将与弹出窗口一起显示。
DIV
<div id="popup1" class="overlay">
<div class="popup">
<h2>Contact</h2>
浏览 0提问于2016-05-15得票数 2
回答已采纳
1回答
我正在开发一个应用程序的角2，其中我有一个父组件和子组件。子组件有一个按键事件的HostListener，并执行一些功能。我能够做到这一点，但问题是如果我按下父组件上下文中的任何键，那么HostListener也会执行。如果我在子组件的上下文中，我想要的是执行HostListener。
这不像我打算的那样有效。它在子组件中。
@HostListener('keydown', ["$event"])
ondropdown(){ functionality }
这是可行的，但在整个页面上，我甚至尝试了‘窗口’，但效果是一样的。
@HostListener('
浏览 11提问于2017-08-23得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
