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

Question

遇到了一个奇怪的问题，我正在开发一个仅使用Firefox的angularJS应用，但是如果用户单击“ Close按钮，我的模态提示会出现问题。

模态打开时，会有一个下拉列表，默认情况下为空白，也是必需的。 该模态还具有“ Submit按钮和“ Close按钮。 在完成所有必填字段并且始终启用“ Close按钮之前，将禁用“ Submit按钮。

如果单击“ Close按钮而未选择任何选项（这是有效操作），则模式将按预期方式关闭，但会显示所需的工具提示。

有谁知道解决此问题的方法？

Answer 1

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

无论您单击什么按钮，都会触发提交功能。 因此，您需要使用$event.preventDefault();阻止执行$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
};