gpt4 book ai didi

javascript - 当用户点击他的子元素时如何防止父点击事件? AngularJS

转载 作者:可可西里 更新时间:2023-11-01 01:21:41 24 4
gpt4 key购买 nike

我有一个 <div>ng-click但是这个<div>有一个 子元素 也有一个 ng-click指示。问题是子元素上的点击事件父元素点击事件。

如何在点击他的 child 时阻止父点击事件?

Here is a jsfiddle来说明我的情况。

预先感谢您的帮助。

编辑

这是我的代码:

<body ng-app ng-controller="TestController">
<div id="parent" ng-click="parentClick()">
<div id="child" ng-click="childClick()"></div>

<p ng-bind="elem"></p>
</div>

<div><p style="text-align:center" ng-bind="childElem"></p></div>
</body>

<script>
function TestController($scope) {
$scope.parentClick = function() {
$scope.elem = 'Parent';
}

var i = 1;
$scope.childClick = function() {
$scope.elem = 'Child';
$scope.childElem = 'Child event triggered x' + i;
i++;
}
}
</script>

最佳答案

您应该使用 event.stopPropagation() 方法。参见:http://jsfiddle.net/qu86oxzc/3/

<div id="child" ng-click="childClick($event)"></div>

$scope.childClick = function($event) {
$event.stopPropagation();
...
}

关于javascript - 当用户点击他的子元素时如何防止父点击事件? AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33281148/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com