$event.stopPropagation();不适用于 Firefox

Question

    <li ng-repeat="chat in openedChats track by $index" ng-click="init($index,'maximize')" role="button">
        <button class="minimized-chat-box" >
        <label style="float:left;color:white"><strong>{{chat.NAME}}</strong></label>
        <i class="fa fa-remove" style="color:white;float:right;font-size:14px;" role="button" ng-click="init($index,'close');$event.stopPropagation();">
        </i>
        <i class="fa fa-window-maximize" style="color:white;float:right;font-size:14px" role="button" ng-click="init($index,'maximize');$event.stopPropagation();">
        </i>
        </button>
    </li>

这是我用于使按钮内的图标可点击的代码，它在 chrome 上工作正常，它在 firefox 上停止工作，有没有办法修改它以在两者上工作。我真的找不到一种方法使两者都适用！

提前致谢。我是 angularjs 的新手，我很想用 angular 来做这件事。

Answer 1

试试这个

$scope.init = function($event,$index,'maximize'){
$event.stopPropagation();
};

然后这样称呼

ng-click="init($event,$index,'close')

$event.stopPropagation();不适用于 Firefox

$event.stopPropagation(); not working on firefox

cross-browser

button

event-propagation

angularjs