天天看點

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

最近在開發的學生管理系統時,到最後遇到了一個問題:

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法
關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

首次單擊修改按鈕正常執行修改ajax,顯示修改資訊。當儲存後再次執行儲存ajax,顯示所有資訊。

但是,問題來了,當我再次點選修改按鈕時控制台報錯,說是onclick後面的不是一個js方法,如下圖:

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

 然後就去檢查html代碼,發現了一個隐藏很深的問題(重點)

我這個方法名下有一個警告的提示(我們程式員都知道,隻要不是紅色波浪線都沒事,問題不大。。。)最開始我看它是警告就沒在意,然後就掉進了這個坑出不來了。。

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

後來實在沒辦法,就去看了下這個警告...真是個大坑啊,這就警告的翻譯如下(本人英文不好,有道翻譯的):

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法

重點我也圈了起來,相信看到這裡大家也明白了是怎麼回事。原來這個拼寫檢查檢測到了問我這個方法名不是一個單詞(英語不好咩辦法)....然後就在一次單擊後給我修複了這個問題(智能的檢查啊~~)

,是以就出現了文章标題出現的問題————按鈕隻能單擊一次,第二次就不行了。。

果斷的去修改了方法名...完美解決。警告消失,媽媽再也不用擔心我按鈕不管用了。

關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法關于html中按鈕的單擊事件,第一次單擊可以運作,再次單擊不能運作的解決方法