javascript - ngClick 但防止任何事件输入失去焦点

Question

在我的 Angular View 中，我有一个输入字段和一些使用 ng-click 的可点击的东西。

当单击这些 ng-clicks 之一时，是否有 Angular 方式或简单的 vanilla js 方式来防止输入字段失去焦点(如果它在焦点上)？

<input type="text" class="form-control" ng-model="foo">

<button ng-click="someThing()">click me</button>

Answer 1

不适用于 ng-click，因为在触发时，被点击的元素已经从输入中获取了焦点。

但是 ng-mousedown 应该可以工作，如果你在你的事件处理程序中使用 $event.preventDefault()。这是 Vanilla JS 的演示；同样应该在 Angular 中工作:

    var preventBlur = function(event) {
      console.log("click");
      event.preventDefault();
    }

    <input type='text' onblur="alert('blurred')">
    <button onmousedown="preventBlur(event)">Click</button>
    

如果在输入字段处于焦点状态时单击按钮，将触发 mousedown 而不会导致输入字段失去焦点。