如果启用了Javascript，则用onclick事件替换submit按钮

按照渐进式实现的思想，我在页面上有一个简单的页面刷新按钮。如果启用了javascript，是否有一种优雅的方式将该按钮转换为onclick=“ajaxfunction（）”事件

我想到的就是有两个按钮，一个用CSS隐藏——这看起来有点笨重

---

注意，我的ajax调用正在工作，等等-我只想让$%@#按钮切换…

将事件侦听器附加到submit按钮，该按钮侦听

单击事件并取消事件。有了原型，它会是这样的：

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

假设您有一个带有
按钮的
表单
，类型为
提交
：

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

我已经好几年没有使用普通JS了！太多的浏览器怪癖需要考虑：）有趣。。。我是javascript新手，所以我喜欢学习“艰难之路”。我的网站上也没有足够的js来证明JQuery的重要性。苦学是好的。这使您对正在发生的事情有了更好的了解，在某些情况下，与依赖第三方库（迫使您不时更新）相比，坚持使用纯JS可能更可取。这要视情况而定。正如Perl的人所说，TMTOWTDI:）
function chgButton () {
    var button = document.getElementById('sbut');
    button.type = 'button';
    button.addEventListener('click', ajaxfunction,false);
    return;
}

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