js点击某地方input框不失焦

利用preventDefault阻止默认事件功能，阻止input失去焦点

元素绑定的事件一定要使用mousedown事件，不能使用click事件，会不起作用

html部分

<input type="text">
<div class="clickArea" id="clickArea">点击区域</div>

css部分

.clickArea{
  width:200px;
  height:200px;
  background:red;
  color:#fff;
  text-align:center;
  line-height:200px;
  margin-top:15px;
}

js部分

let oDiv=document.querySelector("#clickArea")
// 注意一定要使用mousedown事件，不能使用click事件，会不起作用
oDiv.addEventListener("mousedown",(e)=>{
  e.preventDefault();
})