text标签 onblur="alert()" 文本框失去光标的时候触发alert(); 但是当鼠标选中此text,然后鼠标离开整个浏览器窗口(比如点击下桌面),这样触发alert()事件现在问题来了: 鼠标回到浏览器点击弹出的"确定"按钮后,弹窗继续弹出... 怎么搞?

文本框onblur事件连续触发的问题

依韵_宵音

1.1k321

发布于
2017-05-09

更新于
2017-05-10

✓ 已被采纳

不会出现这个情况的，贴出你的代码。

补充

我能回答就肯定试过的啦下面代码就没有问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" onblur="alert();">
</body>
</html>

已经测试IE11 、 Firefox 、Chrome

补充

所描述的情况确实存在，想了下原因：

切回去后窗口失去了焦点，再回来的时候，文本框又自动获取了焦点所以一直继续，从而不断触发。

这种问题实际在使用的时候出现情况应该比较少。一种解决方案是在窗口失去焦点的时候让文本框也失去焦点如下：

已测试问题解决

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text" onblur="alert();">
    <script>
        window.onblur=function(){
            document.getElementsByTagName('input')[0].blur();
        }
    </script>
</body>
</html>