javascript - Javascript が有効になっている場合は、送信ボタンを onclick イベントに置き換えます

Question

プログレッシブ実装の考え方に沿って、ページにシンプルなページ更新ボタンを配置しました。JavaScriptが有効になっている場合、そのボタンを onclick="ajaxfunction()" イベントに変えるエレガントな方法はありますか?

私が思いついたのは、2 つのボタンを持ち、1 つを CSS で非表示にすることだけでした。これは少し不格好に思えます。

注意してください、私は ajax 呼び出しなどを機能させています - $%@# ボタンを切り替えたいだけです...

Answer 1

clickイベントをリッスンしてイベントをキャンセルする送信ボタンにイベントリスナーをアタッチします。プロトタイプでは、次のようになります。

document.observe('dom:loaded', function(){
    $('mysubmitbuttonid').observe('click',function(event){
        new Ajax.Request(...);
        Event.stop(event);
        return false;
    });
});

Answer 2

formあなたが次のbuttonタイプを持っていると仮定しますsubmit：

<button id="sbut" type="submit" ...>OK</button>

あなたはこれを行うことができます：

function chgButton () {
    var button = document.getElementById('sbut');
    button.type = 'button';
    button.addEventListener('click', ajaxfunction,false);
    return;
}

window.onload = function () {
    chgButton();
    return;
}