javascript - JavaScript で onSubmit を動的に設定する方法

Question

現在、フォームを編集できないため、少しジレンマに陥ってonSubmitいます。そのため、動的に設定する必要があります。私の問題は、既にある値を上書きせずにこれを行う方法がわからないことですonSubmit
。たとえば、次のコードがあるとします。

<form name="bob" onSubmit="something-i-cannot-change">

</form>

onSubmitすでにそこにある他の機能と一緒に発生する別の機能を設定するにはどうすればよいですか? 私はこれを調べましたが、運がありませんでした...ありがとう、私は本当に助けに感謝します!!!

注: この質問が何かと重複している場合は、お知らせください。

score 4 · Accepted Answer

document.querySelector('[name="bob"]')
        .addEventListener('submit',
                          functionThatDoesSomethingAfter);

フォームは既に DOM に存在している必要があるため、body タグの最後にコードを配置してください。

score 1 · Accepted Answer

既存の onSubmit 関数への参照を保存してから、必要な機能を実行する新しい onSubmit 関数を作成し、元の関数を呼び出します。

// jQuery syntax for DOM work
var originalSubmit = $('#bob').onSubmit
$('#bob').onSubmit = function() { do stuff here then call original };

3 に答える 3