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;
}

如果启用了Javascript，则使用onclick事件替换提交按钮

2 个答案: