防止单击标签触发子按钮
基础概念
在前端开发中，防止单击父元素（如标签）时触发子元素（如按钮）的事件，通常涉及到事件冒泡（Event Bubbling）的概念。事件冒泡是指事件从最深的节点开始，逐级向上传播到根节点的过程。
相关优势
- 用户体验：避免用户在点击父元素时意外触发子元素的操作，提高用户体验。
- 功能控制：精确控制事件的触发范围，确保某些操作只在特定条件下执行。
类型
- 阻止事件冒泡：通过 JavaScript 阻止事件从子元素冒泡到父元素。
- 条件判断：在父元素的事件处理函数中添加条件判断，确保只有在满足特定条件时才执行操作。
应用场景
- 表单控件：在表单中，防止点击标签时触发输入框的聚焦事件。
- 菜单和导航：在复杂的菜单或导航结构中，防止点击父菜单项时触发子菜单项的操作。
- 弹窗和对话框：防止点击弹窗或对话框的外部区域时关闭弹窗。
问题及解决方法
问题描述
当用户点击一个标签时，会意外触发其内部的子按钮的点击事件。
原因
事件冒泡导致父元素的事件处理函数被触发。
解决方法
使用 JavaScript 阻止事件冒泡。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>防止单击标签触发子按钮</title>
</head>
<body>
<div id="parent">
<button id="child">点击我</button>
</div>
<script>
document.getElementById('parent').addEventListener('click', function(event) {
// 阻止事件冒泡
event.stopPropagation();
});
document.getElementById('child').addEventListener('click', function() {
alert('子按钮被点击');
});
</script>
</body>
</html>参考链接
通过上述代码，当用户点击父元素（#parent）时，事件不会冒泡到子元素（#child），从而避免了意外触发子按钮的点击事件。
相关·内容
出于某种原因，我在标签中嵌套了两个按钮。每个按钮都会触发一些逻辑。但不知何故，我发现第二个按钮会触发两个按钮的逻辑(在FF和Mac上测试Safari )。它在Chrome中工作，但当鼠标按下第二个按钮时，两个按钮都会出现，就像按下了按钮一样。)
这里有一个非常简单的例子来重现这个问题。
HTML：
<label>
abc
<button type="button">button1</button>
<button type="button">button2</button>
&l
浏览 5提问于2014-01-24得票数 0
回答已采纳
我在我的GTM中有一个自定义的HTML标签，我希望这是一个又一个标签。
根据我的理解，我将使用第二个标记中的排序来触发自定义HTML标记。但是，我是否也会为两者设置相同的触发器呢？
主要是我的自定义HTML标签被设置为触发'ButtonA‘点击。但是我的第二个标签也是在我的'ButtonA‘点击时触发的。
如果我用的是测序。如果第二个标记也要使用'ButtonA‘的单击，那么我是否需要自定义HTML标记来单击按钮呢？或者我应该将'ButtonA‘触发器保留在这两个标记上。
浏览 3提问于2019-08-01得票数 0
回答已采纳
2回答
页面：
<body>
<form id="frmLogin" runat="server">
<asp:Button ID="btnClick" OnClientClick="openConfirmDialog();" OnClick="PopulateLabel" runat="server"/>
<div id="divDialog"></div>
<asp:Label ID="lblT
浏览 0提问于2010-12-08得票数 1
回答已采纳
3回答
我的页面上有一个非常基本的引导按钮。我有一个事件监听器在监听这个按钮的点击。我有一个图像标签作为按钮的内容。当用户单击该按钮时，事件侦听器将按需要触发。但是，如果单击按钮落在按钮内的图像上，则图像将拦截单击，而单击事件侦听器则不会触发。我如何才能让按钮检测到点击本身和它的内容(例如，图像标签)？
<button type="button" class="btn btn-custom" id="navLogoButtonLeft">
<!-- dev tools indicate clicks land on this &
浏览 3提问于2016-08-16得票数 1
回答已采纳
我有一个包含两个文本框的表单。输入数据并单击保存按钮后，我在标签中收到一条消息:表示已成功保存。
然后，我再次显示表单，但当我单击保存按钮时，从所需的字段验证器收到一条消息，告诉我它不能为空“因为文本框值这次为空”。
但是我仍然显示消息"data saved successfully“，这是不应该发生的。
我该如何解决这个问题？
谢谢。
浏览 0提问于2009-11-06得票数 0
我正尝试在一个由json数据填充的表上添加一个行单击事件。行单击本身可以工作，但它也适用于行单元格中的复选框和按钮等子元素。
$('#results tbody tr').live("click",function(){
});
这就是我选择表行的方式，也许我在这里遗漏了一些非常明显的东西？很有可能！
耽误您时间，实在对不起!向您致敬，马克
浏览 0提问于2011-09-22得票数 0
1回答
我有一个网站，显示搜索结果。结果与完整项目的标题信息一起显示。每个搜索结果的html如下所示：
<article class="search_result" onclick="location.href='#';" style="cursor: pointer;">
// Search result data
</article>
如您所见，我已经创建了它，这样您就可以在任意位置单击并访问更详细的结果
然而，在搜索结果中，我还包含了一个执行另一个功能的按钮。
我遇到的问题是，当你点击按钮时，按钮和搜索结
浏览 3提问于2013-09-13得票数 1
我正在寻找一些关于谷歌标签管理器点击事件的建议。
我们的客户已经请求将某个单击捕获为gtm.linkClick事件。但是，所讨论的元素是一个按钮，它将触发角应用程序中的路由。此按钮单击被捕获为gtm.click。
我的问题是，这有关系吗？这将提供更少的信息，还是我可以配置GTM标记来获取相同的信息？
浏览 4提问于2017-06-21得票数 2
我有一个简单的jQuery选项卡可以正常工作。此功能的代码是：
$(document).ready(function() {
var tabHead = $('ul li');
var tabContent = $('.content');
tabContent.not(':first').hide().end();
tabHead.on('click',function() {
tabContent.hide().eq($(this).index()).show();
浏览 2提问于2014-11-09得票数 3
回答已采纳
2回答
单击按钮时，我得到了子元素的事件
、、、、
我正在尝试获取事件的按钮点击它。我在按钮里面有一张图片。
<button onClick={this.selectSubject} value="PHYSICS" className="button-blue"><img src={Magnet} />PHYSICS</button>
当我点击按钮时，我得到的事件是
<button value="PHYSICS" class="button-blue"><img src="/static/media/magnet.d80
浏览 44提问于2020-03-13得票数 0
回答已采纳
1回答
我有一个更新面板外的标签和一个更新面板内的按钮。在按钮单击事件中，我更新了标签文本。当我运行代码并单击按钮，然后发生部分回发，按钮单击事件触发，但标签值没有更改。如果我也将标签放在更新面板中，那么在单击按钮时，标签值会发生变化。我不明白为什么标签值没有更新。假设如果我希望标签不在更新面板中，并且标签值应该在部分回发时更改，那么如何编写代码。我不想把标签放在任何更新面板中。请指导我与小样本工作代码。
谢谢
浏览 0提问于2010-12-05得票数 0
回答已采纳
2回答
选项卡内的关闭按钮
、、、
我有一个HTML按钮作为选项卡，在我的按钮(<i>元素)内有一个关闭图标作为关闭按钮，当我单击选项卡时，"activateTab“动作分派，当我单击按钮"deactivateFile”和"removeTab“动作分派内的关闭图标时
我的问题是单击“关闭”图标会发出三个操作("activateTab“和"deactivateFile”和"removeTab")，而不是两个操作，因为关闭图标位于按钮内。
当我单击“关闭”按钮(选项卡应该在我的项目中有一个关闭按钮)时，如何只发送两个操作？
我应该编辑HTML/CSS吗？还是只有我的
浏览 0提问于2021-03-11得票数 0
回答已采纳
3回答
我正在为Spark:TabBar剥皮，但我的自定义皮肤遇到了一个障碍，我的标签条的按钮。下面是我想要完成的事情的图表：
_______________________
| |
| Label X |
|_____________________|
因此，我们有一个按钮(我在spark:ButtonBarButton组件上使用自定义皮肤)，它有一个标签和一个辅助按钮，用于从列表中删除该项。只有当用户悬停在主按钮上时，X按钮才会显示。
我的问题是，我完全无法与X按钮交互，因为它是按钮中的一个按钮。它不响应悬停状态，并且我附加到的任何单
浏览 10提问于2013-10-29得票数 0
回答已采纳
2回答
按钮单击事件不触发
、、、
我的项目是C# MVC。
我有一个表，其最后一行包含一个带有“Add”按钮的下拉列表。单击“添加”按钮时，将通过JQuery将一行添加到表中。这个很好用。
添加的行的一部分是一个“删除”按钮，我想要使用它来删除该行。
奇怪的是，“删除”按钮的单击事件没有被JQuery捕获。它和“添加”按钮完全一样，只是有一个不同的ID。有人知道为什么会这样吗？下面的代码。
$('#AddBuyCondition').click(function () {
alert("abc");
var conditionID = +$("#B
浏览 8提问于2014-03-20得票数 2
回答已采纳
我有一个用onclick事件打开的html div标签。在这个div标签中还有另一个html i标签，它也有一个关闭div标签的onclick事件。当然，问题是现在div标签总是打开的，因为关闭按钮在div标签中，它与打开按钮的工作时间相同，好吧，看看我的代码，让它更容易：
<div onclick="OpenElement(1)">Element 1
<div id="element1">
<i onclick="CloseElement(1)"> </i>
<h2
浏览 44提问于2019-10-23得票数 0
回答已采纳
2回答
我想有一个可点击的主要图像内容和可点击的按钮在它上面的卡片。见下图 ? 。 图像有一个onclick操作，第二个按钮。但我无法从按钮触发操作，它总是执行与图像单击相关的操作。 我的代码是： <v-card flat class="rounded-0">
<v-img style="z-index: 0" :src="product.images"
v-on:click="action1">
<v-card-title class="align-e
浏览 59提问于2019-10-16得票数 2
回答已采纳
我有一个闪光旗帜，使用壳子加载一个swf文件。
该外壳包含一个电影剪辑，覆盖了整个swf作为一个点击标签按钮。
子加载有一个单独的call to action按钮。我需要他们两个都是可点击的，并发送单独的事件。
通常，我会将cta按钮拖到clicktag上，但是因为clicktag在shell中，而cta按钮在子加载中，所以我不能这样做。
如何使这两个按钮在此结构中都可单击？
我希望在shell中定义clicktag事件，并在子加载中定义cta按钮事件。
浏览 1提问于2012-11-16得票数 2
1回答
GXT字段值更新
、、、
让我们谈谈GXT v3字段。
有两个帧A& B。
Frame A有一组字段和一个提交按钮SA。提交按钮读取帧A中的字段，框架B只有提交按钮SB，它读取帧A中的字段。
执行以下步骤。
在帧A中的字段F1中输入数据。
单击框架A中的某个区域或单击框架A的提交按钮。
在F1 getCell()上调试将显示它有一个值。
执行下列备用步骤。
在帧A中的字段F1中输入数据。
单击框架B中的按钮。
在F1 getCell()上调试将显示它没有值。
这对我来说是个问题。因此，我想知道框A中字段的模糊操作与单击按钮SA和按钮SB之间的区别。
当单击框架A时，字段F
浏览 3提问于2013-02-15得票数 0
回答已采纳
在main.storyboard，我有一个枪按钮和一个盾牌按钮。假设两个按钮同时被点击(不是完全相同的时间，但你知道我的意思)。
单击两个按钮后，如何进行一次操作？就像在这种情况下，如果枪和盾牌被点击，我想做一个标签，比如防御。我想要的是我怎么能在观景台上.
浏览 6提问于2015-06-13得票数 0
回答已采纳
5回答
当像这样设置时，单击子按钮的标签会触发按钮的onclick事件： function fireButton() {
console.log("Button fired!");
} <label>Label
<button onclick="fireButton()">Button</button>
</label> 有没有办法防止这种情况发生？
浏览 30提问于2020-11-12得票数 3
回答已采纳
我看到提出了类似的要求，但不同之处在于，它们将输入元素放在label标记中，而我的元素位于外部：
<!DOCTYPE html>
<head>
<style>
div {
background-color: #AAA;
width: 100px;
}
</style>
</head>
<body>
<div id='foo' onClick="alert('clicked')"
浏览 4提问于2014-10-01得票数 2
回答已采纳
我有几个jquery ui单选按钮，它们的标签包含图像和文本。在所有其它浏览器中，当您单击图像时，该按钮将正常工作(更新值)。IE仅会在您单击文本时更新值。该按钮看起来像是更改了状态，但值并没有更改。
我找到了其他有同样问题的人，但没有有效的解决方案。这是一个演示这个问题的jsfiddle。单击图像并检查该值，然后单击图像外部的按钮，该值将更改。当然，您需要在ie中查看它。
浏览 5提问于2011-11-19得票数 1
回答已采纳
1回答
我在父按钮上附加了一个按钮：
var parent_button = document.createElement("button");
var child_button = document.createElement("button");
parent_button.appendChild(child_button);
我想为child_button创建独立于parent_button的功能：
parent_button.onclick = function () {
//do stuff
};
child_button.onclick = funct
浏览 3提问于2017-11-06得票数 1
回答已采纳
Visual Studio C#
我做了一个计算器，现在我必须做一个计算器存储器(事件)。
除了计算器之外，还有4个组件:一个用于计算器答案的文本框，两个用于"M“和"M+”的按钮，以及一个用于再次显示答案的标签。
当用户单击“M”按钮时，Answer TextBox的内容应该被复制到内存变量中。另外，当用户将鼠标移到标签上时，memory变量中的值将出现在此标签中，然后在鼠标从标签移开时消失。还要添加一个按钮，一个“M+”按钮。当用户单击此按钮时，结果框的内容将添加到内存中。您将需要使用全局变量来存储此数据。
我的问题是，当鼠标放在标签上时，标签不会出现，而且当鼠标离开标签时
浏览 0提问于2017-09-22得票数 0
我在visual studio 2010中使用dotnetbar。
我在窗体中添加了dotnetbar tabcontrol，选项卡上的关闭按钮可见。我只想得到一个消息框的提示，当通过点击标签上的关闭按钮关闭标签时，无论是否关闭它。如果单击"Yes“，选项卡将关闭...否则就不会。
我找不到关闭按钮、单击事件或任何其他方法来完成此操作。
浏览 21提问于2013-09-26得票数 0
我有一个列表，其中包含一些数据在视图中可滚动。标签?复选框。
如果用户在复选框中单击，则按钮更新“我的还原器”，如果复选框是否选中，则刷新列表以显示。
我的问题与scrollBar有关，每次单击后我的滚动条都是在视图顶部初始化的。
我找到了解决办法但是..。不太好
let scrollY = 0
function FiltersScreen(props) {
return (
<View style={{height: "90%", padding: 10}}>
<ScrollView style={{
浏览 9提问于2021-12-30得票数 0
回答已采纳
我在手机上遇到了一些与谷歌Chrome (78)有关的事件相关问题。我有一个设置，当单击按钮时，文件输入(包括标签)被追加。文件输入将完全替换按钮，并将添加到与原来按钮所在的位置完全相同的位置。
在大多数浏览器上，这是很好的。然而，似乎移动版的谷歌Chrome将触发延迟点击事件后，最初点击按钮，导致点击激活文件上传对话框。此单击会触发文件输入，即使文件输入在初始触摸时甚至不存在。
不可能停止单击按钮上的传播，因为我正在侦听TouchEvent，但是附加的事件是MouseEvent。为了防止跨浏览器问题，我宁愿不听MouseEvent，只听stopPropagation。PreventDefau
浏览 2提问于2019-11-18得票数 1
回答已采纳
4回答
我试图在不删除单击事件的情况下禁用物化中的按钮。但是你可以在这个上看到，我只得到视觉效果。单击事件仍在启动。
我尝试了以下几点：
$('#btnOne').prop('disabled', true).addClass('disabled');
是虫子吗？还是我做错什么了？
编辑:似乎标签button没有问题
浏览 1提问于2016-04-28得票数 1
回答已采纳
2回答
我正在使用谷歌标签管理器中的通用分析标签来跟踪用户交互。我希望在GTM中设置单击监听器，当在页面上单击某些按钮时，它将触发。这些纽扣是角质的材料部件。
问题是，角材料将一个包装元素放在我的按钮上，从下面更改HTML：
<button mat-raised-button type="button" class="blue l" (click)="onContinue()">CONTINUE</button>
对此：
<button _ngcontent-c20="" class="blue l
浏览 1提问于2019-03-11得票数 4
回答已采纳
我知道我可以将单选按钮旁边的可单击文本设置为按钮，这样单击文本就可以切换单选按钮。
<label>
Click me
<input type="radio" value="selected"><br>
</label>
我希望有一个按钮作为我的标签，但是当我这样做时，当我单击按钮时，单选按钮不会被切换。
<label>
<button type="button">Click</button>
<input type="
浏览 15提问于2016-08-23得票数 0
回答已采纳
我注意到，在Webkit中，当鼠标在单击时从/移到按钮的子元素时，<button>元素不会触发onclick事件。换句话说:当mousedown和mouseup事件不发生在相同的元素上时--即使两者都是按钮的子元素。
当单击/释放按钮文本的像素时，也会发生同样的情况。
为了澄清，我做了一个测试用例：
它在FireFox中运行得很好。Chrome 15和QtWebkit 4.7.1失败
有办法绕道吗？我需要一个专门针对Webkit的解决方案，因为我的项目只针对这个浏览器。
解决方案
我可以根据Jan Kuča (我接受的解决方案)建议的方法来解决这个问题。一些额外的调整是必要的，特别
浏览 6提问于2011-11-02得票数 5
回答已采纳
我有一些元素(例如带有类.label的div)，每个元素中都有单选按钮。当用户单击此“标签”时，我以编程方式将收音机设置为选定的。但是，如果我使用preventDefault()作为单击事件，如果用户在收音机上准确单击，则没有选择收音机。
请帮助我理解这种奇怪的行为。我知道解决方案，我知道为什么父元素上的preventDefault()不允许检查收音机，但我想了解，为什么单击收音机上的事件可以不允许以编程方式设置其状态。您将看到单击单选按钮将显示已检查收音机，但没有。
$(function () {
$('.label').on('click', fun
浏览 1提问于2019-04-13得票数 1
回答已采纳
我在为一个客户的网站工作。该网站在右上角有一个按钮，可以触发一个模式窗口。
客户端想要跟踪按钮被点击的次数。
我正在尝试创建一个触发器和标签来实现这一点。不幸的是，我没有任何运气。
该按钮的类为RebateModalLink。我正试着在它的基础上建立我的标签。
下面是我的触发器设置：
名称: RebateModalLink选择事件:单击配置触发器:目标所有元素触发:单击Classes等于RebateModalLink
这是我的标签：
名称:返点按钮点击选择产品: Google Analytics选择标签类型: Universal Analytics
配置Tag - Tag类型: Univers
浏览 1提问于2016-03-01得票数 0
1回答
我有一个关闭按钮
<p><span class="glyphicon glyphicon-remove" aria-label="Close"></span></p>
<div id="tag1" class="tag">
<p class="p1">Dog Info</p>
<video id="VideoA1" class="VideoA">
浏览 1提问于2015-12-12得票数 2
回答已采纳
2回答
这里有个小问题。我有一个表，当我想点击运行时，这个表应该展开，而且在同一行中有一个展开按钮，它也应该展开一个div。
问题是:当我单击行时--所有操作都正常-- div将slideIn。当我单击按钮(在表行中)时，会产生双重效果。因此，Contentdiv将滑入，然后立即滑出。这是合乎逻辑的，因为通过单击按钮，我点击两个按钮(表行+按钮)，所以切换效果会发生两次，但我不知道如何以好的方式解决这个问题。
<tr class='header mySlideToggler'>
<td class='align-center'>$username
浏览 3提问于2014-08-12得票数 1
回答已采纳
1回答
我想知道如何在单击按钮后，将文本或数字显示到空标签上。让我们假设，在单击按钮后，我希望将数字"0“显示为空标签。
我以简化形式提出的问题如下：
如何将数值0设置为按钮。
设置(0)的数字整数值后，如何在单击按钮小部件后将结果显示为空标签？
浏览 2提问于2018-01-06得票数 0
回答已采纳
2回答
我已经寻找了几天的解决方案，但没有找到一个简单的答案。我尝试了一些在互联网上找到的例子(委托，属性，甚至打破OOP将所有东西公之于众)，但这些似乎都不起作用。有没有人能为下面的问题写一个尽可能简单的代码：
我有MDI父窗体和一个子窗体。MDI父窗体具有状态条标签。子窗体有一个按钮。我所要做的就是单击子窗体按钮更新MDI标签。
谢谢！
浏览 1提问于2011-04-16得票数 4
回答已采纳
1回答
Mac上的默认行为是，单击复选框和按钮不会从具有焦点的其他控件(例如，textbox)中窃取焦点。我想在网上实现这一点。
我可以让它工作按钮和复选框本身，但不对复选框标签。
以这个jsbin为例：
下面是表单的截图：
如果首先对文本框进行对焦，然后单击按钮，则可以使用event.preventDefault() on mousedown防止文本框失去焦点。效果很好。如果您首先将文本框的焦点对准，然后单击复选框，则相同的操作有效。
但是，如果首先对文本框进行对焦，然后单击复选框的label文本，则无法工作；文本框将失去焦点。
是否有办法防止单击复选框label从其他控件窃取焦点？
请
浏览 0提问于2015-10-05得票数 9
回答已采纳
3回答
我有一组单选按钮，每个按钮都有自己的标签。标签宽度被设置为auto，这正是我想要的，因为将来文本长度可能会增加。
现在，如果我单击标签，它将选择相应的单选按钮。据我所知，这是默认的HTML行为。有什么简单的方法(我是说简单的，最好不用Javascript)来抑制这种默认行为吗？这样我才能选择单选按钮，只需点击灰色圆圈本身？
浏览 3提问于2015-11-11得票数 2
回答已采纳
3回答
我在有RequiredFieldValidators的网页上有文本框。在这些控件的最底部是按钮submit并清除，每次单击submit按钮时，它都会触发来自RequiredFieldValidators的验证，这很好。我不想要的是，当我单击清除按钮时，RequiredFieldValidators也会被触发。这是我的代码。
txtFullName.Text = null;
txtUserName.Text = null;
txtPassword.Text = null;
txtRetypePassword.Text = null;
CheckList.I
浏览 3提问于2012-12-14得票数 0
回答已采纳
我试图创建一个简单的功能，用户从下拉菜单中选择一些值，然后单击add按钮，以标记的形式在下面的div中添加所选的项。
每个添加的标记都有一个删除锚点，单击该锚点将移除标记。
现在，当单击add按钮时，标签将被正确插入，但当我单击“删除”按钮时，单击事件不会触发。
但是，如果我用与动态生成的标记完全相同的标记硬编码一些标记，则用于remove标记的click事件正在正确地触发，并且该标记将按我的意愿被移除。
HTML:
<select id="ddlTagName">
<option value="1">Tag One<
浏览 3提问于2014-03-24得票数 15
回答已采纳
2回答
我有一个包含一些链接(<a>标签)和其他元素的<div>。我想让<div>的行为像一个按钮，这意味着每当用户单击它的每个部分时，它都应该导航到某个链接。有几个这样的解决方案：我也可以让它与jQuery一起工作，然而，问题是我想让<div>中的<a>标记像以前一样工作。我找不到任何使这成为可能的解决方案。我该怎么做呢？
浏览 2提问于2012-01-17得票数 5
回答已采纳
我用html制作了一个表单，其中包含两个输入字段first name和last name，并将required属性添加到输入类型标记中。我还制作了两个按钮Submit和View。如果两个字段都为空，则显示please fill out this field attribute消息。当我单击submit按钮时，表单中的数据使用php进入我的sql数据库，这很好。但是当我单击查看按钮时，我只想显示一条消息，而不填充first name和last name文本区域。如何使用查看按钮执行此操作？
我希望输入类型标签的“必需”属性只对提交按钮起作用，而不对视图按钮起作用。我该怎么做呢？我用HTML表示表
浏览 2提问于2016-04-28得票数 2
2回答
这个问题主要是在标题中总结的。
我正在使用来自的自定义无线电/复选框代码
这是他们代码的jist (我修改了它，允许根据标签的标题定义不同的样式)
$(this).each(function(i){
if($(this).is('[type=radio]')){
var input = $(this);
// get the associated label using the input's id
var label = $('label[f
浏览 2提问于2010-08-19得票数 0
回答已采纳
html：
<div id="container">
<div class="desc">desc</div>
<a href="foo.php">foo</a>
</div>
js：
$('#container').click(function(){
...
my_function();
...
});
当用户在容器内部单击时，除了a标签之外，这是有效的。
如果用户单击标记，则会激发click事件。但是，我想禁用一个标签的自定义点击功
浏览 2提问于2011-04-14得票数 2
回答已采纳
1回答
我查看了很多关于jquery模式对话框的页面，但仍然没有找到我需要的东西。
如果用户进行更改并单击我们网站上的内部链接，我希望弹出一个带有3个按钮选项的对话框--保存、放弃和取消。如果他们点击保存，它将调用保存函数，然后离开页面。
但是这个页面是用标签设置的，每个标签加载一个不同的php页面到一个母版页。这些链接不是硬链接，它们不会重新加载页面。它们就像页面内的锚点链接(然后加载一个php页面)。因此，我不能捕获锚请求并稍后将其发送到地址栏。
我已经有了对话框，设置为modal。但现在，当我单击另一个选项卡时，它会加载该选项卡，同时弹出我的对话框。我希望在单击对话框中的按钮之前，它不会加载选项
浏览 1提问于2013-04-11得票数 2
我有一个用标签标签包装的div元素。标签标签有复选框元素。当我从我的指令(通过hostListener)获得点击事件值时，我的指令调用了两次，一次在div inside label上，另一次在checkbox上。我怎么能只调用我的指令一次。
我的指令
import { Directive, HostListener } from '@angular/core';
@Directive({
selector: '[home]'
})
export class HomeDirective {
@HostListener('click', [&#
浏览 14提问于2016-09-17得票数 0
回答已采纳
2回答
取消选择无线电选项
、、、
我正在使用，并希望允许取消无线电组的选举。这可以使用额外的按钮来完成。但是，我想取消选择一个选定的无线电选项，如果该选项是在活动时单击的，而不是一个额外的按钮。
我试过这个
$(".btn-group label").on("click", function(e) {
var clickedLabel = $(this);
if ($(clickedLabel).hasClass("active"))
{
// an active option was clicked =>
浏览 4提问于2015-11-24得票数 3
回答已采纳
我有一个HTML页面，我想要一个按钮来增加字体大小和相同的按钮，以减少字体大小时，单击。
我是这样使用jQuery的：
$("p").css("font-size","20")
然而，当我这样做时，字体大小可能会增加2秒，然后恢复正常。在我单击按钮后，页面似乎正在刷新...为什么会这样呢？
浏览 1提问于2009-12-02得票数 0
回答已采纳
2回答
我从我试图理解的一个练习中复制了这个函数
loadEventListeners();
function loadEventListeners () {
cursos.addEventListener('click', addToCart);
}
function addToCart(e){
e.preventDefault();
console.log(e.target.classList);
}
我不明白为什么它给参数"e“赋值，然后通过e.target调用它，或者因为使用了preventDefault()
该函数的作用是返回您单击的按钮上的类的列表
浏览 28提问于2020-06-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
