在處理頁面上一個失焦效果時遇到了 xxxx is not a function 這樣的錯誤,但函數確實有定義成功 ,經過測試發現是 id 值與函數名一致導致的問題,但是產生的原因沒有找到詳細的解釋 ,如果有瞭解的大佬希望可以在評論中留言告知。 具體測試代碼如下: 此時觸發失焦事件時會出現 test ...
在處理頁面上一個失焦效果時遇到了 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>