javascript - 如果启用了 Javascript，则将提交按钮替换为 onclick 事件

Question

秉承渐进式实施的理念，我的页面上有一个简单的页面刷新按钮。如果启用了 javascript，是否有一种优雅的方法可以将该按钮转换为 onclick="ajaxfunction()" 事件？

我想出的只有两个按钮，一个用 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;
}