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

最新推荐文章于 2022-11-02 02:52:51 发布

weixin_34301307

最新推荐文章于 2022-11-02 02:52:51 发布

阅读量220

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/binmo/p/8393578.html

版权

在处理页面上一个失焦效果时遇到了 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>

转载于:https://www.cnblogs.com/binmo/p/8393578.html

weixin_34301307

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【javascript】onblur调用函数失效问题记录

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

扫一扫