button 点击后失去获得的焦点

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 120 字 | 阅读时长 ≈ 1 分钟

浏览器默认元素button在鼠标点击后会获得焦点，这时点击键盘就会响应按钮的点击事件。

某些情况下希望禁止响应点击事件的

可以通过点击后主动失去焦点来达到效果

1
2
3
4
5
6
7
8
9
10
11
12
 
<!DOCTYPE html><html><body>

<script>
  function clickHandler(e){
    // 获取当前绑定元素并取消焦点
    e.currentTarget.blur();
  }
</script>

<button onclick="clickHandler(event)">不会留下痕迹</button>

</body></html>