在 FireFox 中关闭模式时显示所需的工具提示

Question

遇到了一个奇怪的问题，我正在开发一个仅使用 Firefox 的 angularJS 应用程序，但如果用户单击 Close 按钮，我在模式上的工具提示出现问题。

当模式打开时，有一个下拉列表，默认为空白，也是必需的。该模式还有一个Submit 按钮和Close 按钮。 Submit 按钮被禁用，直到所有必填字段都完成并且Close 按钮始终处于启用状态。

如果您在未选择选项的情况下单击Close 按钮（这是一个有效操作），则模式会按预期关闭，但会显示所需的工具提示。

有人知道这个问题的解决办法吗？

Answer 1

由于示例代码不存在，根据您的问题，我尝试了使用“提交”和“关闭”按钮的解决方案。

无论您点击什么按钮，它都会触发提交功能。所以你需要使用$event.preventDefault();来阻止执行

示例 HTML

<form name="form" novalidate ng-submit="saveModal()">
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <button class="btn btn-success" type="submit">
            <span>Submit</span>
        </button>
        <button class="btn btn-default" ng-click="closeModal($event)">
            <span>Close</span>
        </button>
    </div>
  </div>
</form>

样品控制器

$scope.closeModal= function ($event) {
    $event.preventDefault();
    // Close modal related codes here
};

$scope.saveModal = function() {
    // I assume that the required tooltip related codes are available 
    // inside the submit's function
};