为何在onblur 事件中调用了alert 和focus 就会出现死循环？

2017-02-20 01:56:05 2.6k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

用workbuddy自定义Skill：手把手搭建AI炒股分析助手 AI Agent正成为个人投资研究的重要工具，而Skill作为行为规范，能让AI输出保持稳定与专业。在AI Agent应用中，很多人分不清Skill与Agent的区别：Agent负责目标拆解与执行，Skill则固化分析流程与输出模板。借助本地工作台workbuddy，用户可自定义Skill，实现从市场环境检查到财务排雷的五段式分析。通过调低温度参数、设定数据验证规则，该方案能有效避免大模型凭空编造数据，帮助个人投资者快速完成基本面体检、资金面观察与风险清单生成。本文基于一套可直接套用的配置与一个月实测，展示阅读详情

代码如下，页面中文本框里输入非数字的字符，然后触发onblur 事件，则一直弹出alert()，Safari 和Chrome 都是一样的情况。



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <form name="frm">

      <label for="age">Please Enter Your Number</label>

      <input type="text" name="age" id="age" onblur="validate(this.value)" />

      <input type="submit" id="Enter" />

  </form>



  <script language="javascript">



    function validate(val) {            

        if(isNaN(val)) {

            alert("XXX XXX XXX");

            document.getElementById("age").focus();

        }

    }



</script>

</body>

</html>

...全文

VScode - 从入门到精通：高效开发环境搭建指南本文是一份全面的VSCode高效开发环境搭建指南。从选择理由、安装配置、核心插件推荐到个性化设置与高效技巧，详细讲解了如何将这款轻量级编辑器武装成强大的开发工具。重点介绍了GitLens、Prettier、Live Server等必备插件，以及通过用户设置、代码片段和快捷键打造专属高效工作流的方法，帮助开发者从入门到精通。阅读详情

yoshubom

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

五姐 2018-10-17

打赏
举报

说的好详细呀，佩服

jio可 2017-02-20

打赏
举报

因为一直在失去焦点获取焦点的死循环。。

yoshubom 2017-02-20

打赏
举报

引用 4 楼 alwayslovelin 的回复:

楼上两位的回答太高冷了。。。我来个详细的吧。为什么会发生死循环呢，说白了就是因为JS的异步，JS在执行到alert的时候并不是像你想象的那样先打印，打印完了再聚焦，其实犹豫聚焦动作容易执行，JS先把它给做了，也就是说最后实际的操作是聚焦、打印，这样当然就会再一次触发焦点失去事件了。望采纳~

后来想了想，估计也是先执行了focus，然后再显示alert 结果造成了焦点转移，多谢回复！

yoshubom 2017-02-20

打赏
举报

引用 1 楼天际的海浪的回复:


    function validate(val) {            
        if(isNaN(val)) {
            alert("XXX XXX XXX");
            setTimeout(function () {
   	            document.getElementById("age").focus();
            }, 500);
        }
    }

感谢回复！请问为何用了alert 会不停地触发onblur 事件呢？

alwayslovelin 2017-02-20

打赏
举报

楼上两位的回答太高冷了。。。我来个详细的吧。为什么会发生死循环呢，说白了就是因为JS的异步，JS在执行到alert的时候并不是像你想象的那样先打印，打印完了再聚焦，其实犹豫聚焦动作容易执行，JS先把它给做了，也就是说最后实际的操作是聚焦、打印，这样当然就会再一次触发焦点失去事件了。望采纳~

天际的海浪 2017-02-20

打赏
举报


    function validate(val) {            
        if(isNaN(val)) {
            alert("XXX XXX XXX");
            setTimeout(function () {
   	            document.getElementById("age").focus();
            }, 500);
        }
    }

为何在onblur 事件中调用了alert 和focus 就会出现死循环？

相关推荐