让div无法获得焦点（如工具栏按钮）

Question

有没有办法让div无法获得焦点？这是工具栏按钮的正常行为。

让我们假定焦点放在文本输入上。点击div不应该使文本输入焦点丢失。

这是一个基本的设置：

HTML：

<div id="toolbar-button"> 
    Button 
</div> 
<input id="input"> 

我试着贴在div的mousedown事件重新聚焦，但是它做 ES不起作用：

document.getElementById('toolbar-button').addEventListener('mousedown', function(event) { 
    document.getElementById('input').focus(); 
}) 

使用一个click事件正在重新获得点击的焦点，但随后鼠标按钮仅关闭时焦点仍然丢失（并且点击事件将会我之后发生的事情没有被授予）。

这里是笔：

http://codepen.io/anon/pen/oxjPva

我知道，一个可以让要素无法通过设置tabindex = "-1"接收焦点上标签。但这不适用于鼠标事件。

Answer 1

此行添加到您的收听：

event.preventDefault(); 

这将防止重点要在按键设置，默认动作是按下按钮时。