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

最新推荐文章于 2023-03-01 21:15:00 发布

qq_24581629

最新推荐文章于 2023-03-01 21:15:00 发布

阅读量1.6w

点赞数 2

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_24581629/article/details/75175250

版权

javascript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>input输入框</title>
<script>
    document.addEventListener("mousedown", function(e){
      if(e.target.id!=="input"){
        e.preventDefault()
      }
    }, false);
    function divClick(){
        console.log("点击了button")
    }
</script>
</head>
<body>
    <input id="input">
    <button onClick="divClick()">按钮</button>
</body>
</html>