亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Onsubmit 事件拒絕觸發

Onsubmit 事件拒絕觸發

12345678_0001 2023-09-11 15:39:06
所以我有這個代碼。class Validationator{    constructor()    {         this.initValidation()    }    initValidation()    {        window.addEventListener("load", this.PerformOnLoad, false);    }    PerformOnLoad()    {        var form = document.querySelector("#feedbackcontainer");        form.addEventListener("onsubmit", this.SubmitClicked);    }    SubmitClicked()    {        alert("asdf");    }}我嘗試過使用“submit”和“onsubmit”,但都不起作用。我已經驗證查詢選擇器正在獲取正確的表單。請原諒我是 Javascript 的初學者。事件處理者不斷地打敗我。
查看完整描述

3 回答

?
holdtom

TA貢獻1805條經驗 獲得超10個贊

事件的名稱不包含前綴on——該前綴僅在相應的屬性名稱中使用。


另外,如果使用類方法作為回調函數,則需要將其綁定到對象。否則,this方法中將是全局window對象,而不是Validationator對象。


class Validationator

{

    constructor()

    { 

        this.initValidation()

    }


    initValidation()

    {

        window.addEventListener("load", this.PerformOnLoad.bind(this), false);

    }


    PerformOnLoad()

    {

        var form = document.querySelector("#feedbackcontainer");


        form.addEventListener("submit", this.SubmitClicked.bind(this));

    }


    SubmitClicked()

    {

        alert("asdf");

    }

}


查看完整回答
反對 回復 2023-09-11
?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

form.addEventListener("onsubmit", this.SubmitClicked);onsubmit 是錯誤的,正確的是form.addEventListener("submit", this.SubmitClicked);還有其他代碼嗎?



查看完整回答
反對 回復 2023-09-11
?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

在PerformOnLoad()函數中不能有onsubmit事件,它只是submit。


此外,您需要bind在調用PerformOnLoad()和SubmitClicked()方法時使用。在這種情況下,最終的代碼將是這樣的,


class Validationator

{

    constructor()

    { 

        this.initValidation()

    }


    initValidation()

    {

        window.addEventListener("load", this.PerformOnLoad.bind(this), false);

    }


    PerformOnLoad()

    {

        var form = document.querySelector("#feedbackcontainer");


        form.addEventListener("submit", this.SubmitClicked.bind(this));

    }


    SubmitClicked()

    {

        alert("asdf");

    }

}


查看完整回答
反對 回復 2023-09-11
  • 3 回答
  • 0 關注
  • 135 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號