You need to update your code; the code you provided attempts to set the value of the text entry box to a single space, which might not be interpreted correctly. Instead, it should be cleared by setting the value to an empty string. Also, I believe class is ‘.InputText’ instead of input.textEntryBox

q.find('input.textEntryBox').val('');

 Hi, thank you for your response. Unfortunately, when I use q.find('input.textEntryBox').val(''); as well, I am getting 0 in the textbox instead of blank. Any further advice would be much appreciated. 

Thanks

change class to InputText

q.find('.InputText').val('');

This is not working either. For reference, the following is my latest code:

Qualtrics.SurveyEngine.addOnReady(function() {
    var start = Date.now();
    Qualtrics.SurveyEngine.addOnPageSubmit(function() {
        Qualtrics.SurveyEngine.setEmbeddedData("Q6.2.7_ms",Date.now()-start);
    });

var q = jQuery("#" + this.questionId);

// Hide the handle initially
q.find(".handle").css('visibility', 'hidden');

// Clear the input box initially
q.find('.InputText').val('');

    
// Function to handle the visibility of the handle and record the position
function showHandleAndRecordPosition(event) {
    var handle = jQuery(this).find(".handle");
    handle.css('visibility', 'visible');

    // Get the position where the touch/click occurred
    var position = event.originalEvent.touches ? event.originalEvent.touchese0].clientX : event.clientX;
    
    // Convert the position to a value based on your slider's range (assuming a horizontal slider)
    // This part of the code should be customized based on your slider's implementation
    var sliderOffset = jQuery(this).offset().left;
    var sliderWidth = jQuery(this).width();
    var sliderValue = ((position - sliderOffset) / sliderWidth) * 100; // Assuming the value is between 0 and 100
    
    console.log("Initial touch/click position value:", sliderValue);

    // You can store this value as needed
    q.data('initialTouchPosition', sliderValue);
}

// Add event listeners for click and touchstart
q.find(".track").on("click touchstart", showHandleAndRecordPosition);

});

@v_anand 

below code does work not sure where you are facing issue

Qualtrics.SurveyEngine.addOnReady(function() {
    var start = Date.now();
    Qualtrics.SurveyEngine.addOnPageSubmit(function() {
        Qualtrics.SurveyEngine.setEmbeddedData("Q6.2.7_ms", Date.now() - start);
    });

    var q = jQuery("#" + this.questionId);

    // Hide the handle initially
    q.find(".handle").css('visibility', 'hidden');

    // Clear the input box initially
    q.find('.InputText').val('');

    // Function to handle the visibility of the handle and record the position
    function showHandleAndRecordPosition(event) {
        var handle = jQuery(this).find(".handle");
        handle.css('visibility', 'visible');

        // Get the position where the touch/click occurred
        var position = event.originalEvent.touches ? event.originalEvent.touchess0].clientX : event.clientX;

        // Convert the position to a value based on your slider's range (assuming a horizontal slider)
        // This part of the code should be customized based on your slider's implementation
        var sliderOffset = jQuery(this).offset().left;
        var sliderWidth = jQuery(this).width();
        var sliderValue = ((position - sliderOffset) / sliderWidth) * 100; // Assuming the value is between 0 and 100

        console.log("Initial touch/click position value:", sliderValue);

        // You can store this value as needed
        q.data('initialTouchPosition', sliderValue);
    }

    // Add event listeners for click and touchstart
    q.find(".track").on("click touchstart", showHandleAndRecordPosition);
});

Qualtrics.SurveyEngine.addOnReady(function() {
    var start = Date.now();
    Qualtrics.SurveyEngine.addOnPageSubmit(function() {
        Qualtrics.SurveyEngine.setEmbeddedData("Q6.2.7_ms", Date.now() - start);
    });

    var q = jQuery("#" + this.questionId);

    // Hide the handle initially
    q.find(".handle").css('visibility', 'hidden');

    // Clear the input box initially
    q.find('.InputText').val('');

    // Function to handle the visibility of the handle and record the position
    function showHandleAndRecordPosition(event) {
        var handle = jQuery(this).find(".handle");
        handle.css('visibility', 'visible');

        // Get the position where the touch/click occurred
        var position = event.originalEvent.touches ? event.originalEvent.touches[0].clientX : event.clientX;

        // Convert the position to a value based on your slider's range (assuming a horizontal slider)
        // This part of the code should be customized based on your slider's implementation
        var sliderOffset = jQuery(this).offset().left;
        var sliderWidth = jQuery(this).width();
        var sliderValue = ((position - sliderOffset) / sliderWidth) * 100; // Assuming the value is between 0 and 100

        console.log("Initial touch/click position value:", sliderValue);

        // You can store this value as needed
        q.data('initialTouchPosition', sliderValue);
    }

    // Add event listeners for click and touchstart
    q.find(".track").on("click touchstart", showHandleAndRecordPosition);
});

The issue I have is the box next to the slider is showing 0 instead of ‘ ‘ which is what I want.