我有一个 <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/