【javascript】onblur调用函数失效问题记录


在处理页面上一个失焦效果时遇到了 xxxx is not a function 这样的错误,但函数确实有定义成功 ,经过测试发现是 id 值与函数名一致导致的问题,但是产生的原因没有找到详细的解释 ,如果有了解的大佬希望可以在评论中留言告知。

具体测试代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function test(){
                alert("dsds");
            }
        </script>
    </head>
    <body>
        <form action="" method="post" onsubmit="return false">
            <input type="text" id="test" onblur="test()" />
    
        </form>
    </body>
</html>

此时触发失焦事件时会出现test is not a function的错误

如果将 id="test" 调整 id="test_" 则此时可以正确调起函数,示例如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function test(){
                alert("dsds");
            }
        </script>
    </head>
    <body>
        <form action="" method="post" onsubmit="return false">
            <input type="text" id="test_" onblur="test()" />
    
        </form>
    </body>
</html>

优质内容筛选与推荐>>
1、interface abstract与virtual
2、软件需求分析课堂讨论01
3、hdu 2028 Lowest Common Multiple Plus
4、xheditor 与strut2 配置使用并提供上传图片!
5、GetDriveTypeA() 查看驱动器类型


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn