3

我们有一个大约 100 个 jsp 页面的大型应用程序。当我们提交表单（使用 javascript）时，光标不会改变。有没有办法动态拦截表单提交并使用 jquery 更改光标？不幸的是，使用命名形式的选择器可能是不可能的。另外，希望通过将函数包含在一个公共 js 文件中来保持所有表单的通用函数。

我尝试了以下代码，但没有奏效。有没有办法有一个类似于我在下面尝试的选择器？

function cursorwait(e) {
    document.body.className = 'wait';
}

$(function () {
    var jspform = $('form');
    var fmsubmit = jspform.onsubmit;

    jspform.onsubmit = function () {
        cursorwait();
        if (fmsubmit) {
            fmsubmit.call(jspform);
        }
    }
});
4

1 回答 1

4 
$('form').submit(function(){
  document.style.cursor = 'wait';
});

非常原始，但我相信可以满足您的要求。

跟进：

  • .submit()是 jQuery 提供的事件绑定器（因此无需尝试使用onsubmit并兼容跨浏览器）
  • 这只会向提交“添加功能”——它不会干扰、拒绝或以其他方式阻止表单提交（例如，使用客户端验证并且表单失败）——这将需要额外的逻辑来处理这种情况。
  • 我将光标样式应用于整个文档，但您可以在同一代码块中轻松添加正文类。
于 2013-04-18T14:58:26.950 回答