通过'mousedown'输入文本框无法聚焦

Question

我无法通过画布中的'mousedown'事件将焦点设置在输入框上，但我可以用'mouseup'来完成，为什么会这样呢？这个浏览器是否具体？（使用chrome）

var canvas = document.getElementById('can');

 canvas.addEventListener('mousedown', (e)=>{
    document.getElementById('box').focus();
 })

<canvas id="can"></canvas>
<input type="text" id="box"></input>

var canvas = document.getElementById('can');

 canvas.addEventListener('mouseup', (e)=>{
    document.getElementById('box').focus();
 })

<canvas id="can"></canvas>
<input type="text" id="box"></input>

我也使用tabindex（tabindex =' - 1'，'0'或'1'）愚弄，但这对 mousedown 无效。那么我唯一的选择是使用 mouseup 来举办此活动吗？