您的位置:首页 > 产品设计 > UI/UE

EasyUI 防止A标签按钮重复提交

2017-05-04 16:30 141 查看
关于如何防止A 标签按钮重复提交解决方案:

<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" size="large" plain="false" onclick="ExportSumReport()" id="btnExport"><span style="font-size: medium;">ExportSumReport</span></a>
function ExportSumReport() {

$("#btnExport").css("color", "#CCC");
$('#btnExport').linkbutton('disable');
setTimeout('$("#btnExport").linkbutton("enable");$("#btnExport").css("color","black");', 5000);//5秒后恢复

//button excuting code
}


然而如果用户刷新的话,就会失效。

防止刷新页面函数:

function disableRefresh() {
$(document).bind("keydown", function (e) {
e = window.event || e;
if (e.keyCode == 116) {
e.keyCode = 0;
return false; //F5
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: