Javascript 防止元素获得焦点

从本质上讲，可以阻止元素（在我的例子中是

按钮
元素）在javascript中获得焦点吗

我试图实现的是一个AngularJS指令，当它获得焦点时，将显示许多按钮/UI元素。使用
ng focus
和
ng blur
指令很容易实现这一点，但是当我尝试单击任何按钮时，按钮会获得焦点，因此div不再具有焦点，
ng blur
被触发，按钮被隐藏

我希望按钮保持可见，同时指令元素具有焦点并可单击

表现出这种行为

提前谢谢。
你知道……你不必实际点击按钮

'<button class="btn" ng-focus="add()" ng-show="isFocused">Action</button>' +

“动作”+

叉子：我认为不使用任何可聚焦元素（如
s和
）会更简单，这很聪明，但是焦点仍然从div元素中移除，按钮消失，我希望它保持可见，例如，按钮可以多次交互，只有在主元素失去焦点时才隐藏。哈哈，好吧，我不确定这是否对你有用。我必须再考虑一下……这有点棘手。按照你的思路，如果我只是让UI元素成为基本的块元素，即
div
而不是
按钮，它们将无法获得焦点，应该可以正常工作。简单！谢谢你的灵感哈哈！正是我们在下面想到的。简单且有效，唯一要添加的注意事项是您可能希望删除
用户选择
样式（和变体），因此多次单击默认的文本选择行为将被抑制。据我所知，引导css按钮
btn
的初始
用户选择
已被抑制。请更正，对不起，我指的是其他可能不使用引导程序的读者，他们想要相同的功能。
<button class="btn" ng-click="add()" ng-show="isFocused">Action</button>

<div class="btn btn-primary" ng-click="add()" ng-show="isFocused">Action</div>