我了解如何在页面进行和 ajax 调用时使用 javascript 将光标更改为忙。
但是我有一个不使用ajax的页面,它使用回发来重新加载页面。然而,加载的数据量相当大,并且需要几秒钟的时间。在此期间用户仍然可以点击该页面。我想将光标转到“等待”,这样用户就不会尝试单击页面。
例如,我有几个导致回发的下拉菜单。我做出选择,页面加载 3 秒。在加载时,我希望光标转到等待状态,以便用户在页面重新加载之前不会尝试在第二个下拉列表中进行选择。
这可能吗?
附加信息:(我的设置的简化版本)
我有一个母版页:
<form id="form1" runat="server">
<table width = "100%" bgcolor="White">
<tr><td>
<h3><asp:ContentPlaceHolder id="MAIN" runat="server"></asp:ContentPlaceHolder></h3>
</tr></td>
</table>
</form>
<script type="text/javascript">
function cursorwait(e) {
document.body.style.cursor = 'wait';
}
var fm = document.getElementById('<% =form1.ClientID %>');
if (fm.addEventListener) {
fm.addEventListener('submit', cursorwait, false);
}
else {
fm.attachEvent('onsubmit', cursorwait);
}
</script>
然后是使用母版页的页面:
<asp:Content ID="Content1" ContentPlaceHolderID="MAIN" Runat="Server">
<table runat=server id="tb_simple_search_table" cellpadding = 0 cellspacing = 0>
<tr><td>
<asp:DropDownList...
<asp:DropDownList...
</td></tr>
</table>
</asp:content>
我不确定这是否是最好或最有效的方法,但如果您想在单击按钮后更改光标以显示页面正忙,则以下 jQuery 应该可以解决问题:
$(document).ready(function() {
$(".button").click(function() {
$("*").css("cursor", "wait");
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)