如何使用.preventDefault()方法來阻止按鈕點擊事件
P粉254077747
P粉254077747 2023-09-01 20:04:07
0
2
459

給定這個教學https:// vuejs.org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers

如下所示的程式碼中,我呼叫 .preventDefault 來期望取消 click 事件的正常行為。或者換句話說,我期望一旦呼叫了.preventDefault,按鈕將不再可點擊,因為根據我的理解,.preventDefault 將停用按鈕的正常功能。

但實際情況是,按鈕還是可以點擊,好像 .preventDefault 沒有任何效果。

請告訴我如何正確使用 .preventDefault 來停用按鈕點擊。

代碼

  

P粉254077747
P粉254077747

全部回覆 (2)
P粉002023326

preventDefault在以下情況下非常有用:

  • 點擊「提交」按鈕時,阻止表單的提交
  • 點擊連結時,阻止連結跳到URL

#在您的情況下停用按鈕,您可以使用:

const warn = (msg,DOMEvent) => { DOMEvent.srcElement.disabled = true; }
    P粉726234648

    preventDefault()不會停用按鈕,但會阻止其預設操作,主要在Submit操作中會注意到。
    要在點擊時停用按鈕,你需要像這樣做:

      
      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!