如何解决JSF按钮提交后鼠标指针持续等待的问题？

这个问题的核心原因是：你使用了ajax="false"的PrimeFaces按钮，这会触发同步表单提交。当浏览器处理文件下载响应时，页面本身不会触发任何"提交完成"的DOM事件（因为页面没有刷新或跳转），所以你在onsubmit里设置的等待光标就一直停留在那里。

下面给你几个靠谱的解决思路，按推荐程度排序：

方案一：改用PrimeFaces的<p:fileDownload>组件（最推荐） #

PrimeFaces的fileDownload组件专门处理文件下载场景，它可以配合ajax请求，让你能精准控制请求开始和结束时的光标状态。

步骤1：修改托管Bean代码，返回StreamedContent #

把原来直接写入response的逻辑改成生成StreamedContent，这样PrimeFaces可以接管文件下载流程：

import org.primefaces.model.DefaultStreamedContent;
import org.primefaces.model.StreamedContent;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;

public class ProjectController {
    private String fileName = "your-file-name.pdf"; // 你的文件名

    public StreamedContent getPdfStream() {
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        try {
            Document pdfDoc = new Document();
            PdfWriter pdfWriter = PdfWriter.getInstance(pdfDoc, baos);
            pdfWriter.setInitialLeading(12);
            
            pdfDoc.open();
            // 这里保留你原来的PDF生成逻辑
            // do pdf stuff
            pdfDoc.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return new DefaultStreamedContent(
            new ByteArrayInputStream(baos.toByteArray()),
            "application/pdf",
            fileName
        );
    }

    // 原来的doPrint方法可以移除，或者根据需要调整
}

步骤2：修改页面代码，使用commandButton + fileDownload #

现在用ajax请求配合onstart和oncomplete来控制光标：

<h:form>
    <p:commandButton 
        value="Print" 
        ajax="true"
        onstart="document.body.style.cursor='wait'"
        oncomplete="document.body.style.cursor='default'"
    >
        <p:fileDownload value="#{projectController.pdfStream}" />
    </p:commandButton>
</h:form>

这样当请求开始时光标变等待，请求完成（文件下载准备好）时自动重置，完全符合预期。

方案二：使用隐藏iframe捕获下载完成事件（无需修改后端） #

如果你不想改动Bean的代码，可以把表单提交到一个隐藏的iframe，通过监听iframe的onload事件来重置光标。

页面代码如下：

<!-- 隐藏的iframe，用来接收表单提交的响应 -->
<iframe 
    id="downloadFrame" 
    name="downloadFrame" 
    style="display: none;"
    onload="document.body.style.cursor='default'"
></iframe>

<h:form 
    onsubmit="document.body.style.cursor='wait'"
    enctype="multipart/form-data"
    target="downloadFrame" <!-- 指定表单提交到隐藏iframe -->
>
    <p:commandButton 
        value="Print" 
        action="#{projectController.doPrint()}" 
        ajax="false" 
    />
</h:form>

当文件下载响应返回给iframe时，iframe的onload事件会触发，此时就可以把光标恢复成默认样式。这个方案不需要修改任何后端代码，适合快速适配现有逻辑。

方案三：定时器临时解决（不推荐） #

如果上面两个方案都无法快速实施，可以用定时器强制重置光标，但这个方法不够精准（因为无法知道PDF生成的实际耗时）：

<h:form 
    onsubmit="document.body.style.cursor='wait'; setTimeout(() => document.body.style.cursor='default', 5000);"
    enctype="multipart/form-data"
>
    <p:commandButton 
        value="Print" 
        action="#{projectController.doPrint()}" 
        ajax="false" 
    />
</h:form>

把5000改成你预估的PDF生成耗时（毫秒），但这个方法很容易出现"光标提前恢复"或"光标长时间不恢复"的问题，仅作为临时应急方案。

内容的提问来源于stack exchange，提问作者Prefect73