關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法
最近在開發的學生管理系統時,到最後遇到了一個問題:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CXwkFVPVzYq10dRpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2LcRHelR3LcJzLctmch1mclRXY39TM0QjNwEDM1EjNxkDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
首次單擊修改按鈕正常執行修改ajax,顯示修改資訊。當儲存後再次執行儲存ajax,顯示所有資訊。
但是,問題來了,當我再次點選修改按鈕時控制台報錯,說是onclick後面的不是一個js方法,如下圖:
然後就去檢查html代碼,發現了一個隐藏很深的問題(重點)
我這個方法名下有一個警告的提示(我們程式員都知道,隻要不是紅色波浪線都沒事,問題不大。。。)最開始我看它是警告就沒在意,然後就掉進了這個坑出不來了。。
後來實在沒辦法,就去看了下這個警告...真是個大坑啊,這就警告的翻譯如下(本人英文不好,有道翻譯的):
重點我也圈了起來,相信看到這裡大家也明白了是怎麼回事。原來這個拼寫檢查檢測到了問我這個方法名不是一個單詞(英語不好咩辦法)....然後就在一次單擊後給我修複了這個問題(智能的檢查啊~~)
,是以就出現了文章标題出現的問題————按鈕隻能單擊一次,第二次就不行了。。
果斷的去修改了方法名...完美解決。警告消失,媽媽再也不用擔心我按鈕不管用了。