如何在点击外部按钮时让输入框不失去焦点不失去选择焦点

一.点击其他区域,input输入框不失去焦点

1. 首先监听 document 的 mousedown 事件，然后判断触发 mousedown 事件的目标元素是不是你不想让input失去焦点的那个元素，是的话就阻止默认事件。

2. document.addEventListener("mousedown", function(e){
        if(e.target.id!=="input"){
          e.preventDefault()
        }
      }, false);

二.不失去选择

1. 给你不想失去选择的元素添加css: user-select: none;