Qualtrics开放文本框自动大写功能优化技术求助

Got it, let's tackle this issue! Your current script only applies uppercase when the page loads (hence needing to navigate away and return), but we can adjust it to convert text to uppercase as the user types in real time.

Here's the updated JavaScript you can drop right into your Qualtrics survey:

Qualtrics.SurveyEngine.addOnload(function() {
    // Grab the reference to your text input field
    const input = document.querySelector("QR~" + this.questionId);
    
    // Convert any pre-filled value to uppercase when the page first loads
    if (input.value) {
        input.value = input.value.toUpperCase();
    }

    // Add a real-time listener to handle input changes
    input.addEventListener("input", function() {
        // Save the current cursor position so it doesn't jump to the end
        const cursorPos = input.selectionStart;
        // Convert the input value to uppercase
        input.value = input.value.toUpperCase();
        // Put the cursor back where the user was typing
        input.setSelectionRange(cursorPos, cursorPos);
    });
});

Let's break down the key improvements: #

• Initial Page Load Fix: Converts any pre-existing text (like a saved response) to uppercase immediately when the page loads, no navigation required.
• Real-Time Input Handling: The input event triggers every time the user types, pastes, or edits the text—so uppercase conversion happens instantly.
• Cursor Position Preservation: Without this, the cursor would jump to the end of the input every time the text updates. This keeps the typing experience smooth and natural.

Why your original script fell short: #

Your initial code only ran once when the page loaded, pulling a stored response value and converting it. It didn't listen for live changes the user makes directly in the input field on the current page.

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