click（）事件完成后有没有办法识别和执行代码？

Question

I am programmatically clicking a button, which when done, will show a dialogue on the page.

I want to modify the dialogue after it has been fully loaded, because part of the code following the click modifies the dialogue.

This is achievable with function with timeout, but I am exploring a way that would not use a set timeout, but rather monitor when that click action is complete.

Note: 1. I cannot modify the code which is executed on button click. 2. I need to achieve a solution which is not time based, as this could vary, although not much, is still something i would want to avoid.

Sample code below tha works - enough time is allowed for click to finish

function modifyDialogue() {
    $("#dialogue").click();
    setTimeout(function() { 
        $("#scrollBar").remove();
    }, 30);
}

Sample code that doesnt work - not enought time for scrollBar to be rendered. ScrollBar renders based on the length of text inside dialogue. But since time is not enough, the removal does not happen.

function modifyDialogue() {
    $("#dialogue").click();
    $("#scrollBar").remove();
}

Answer 1

Edited: This no matter when it loads will hide the scroll bar.

function modifyDialogue() {
    $("#dialogue").click();
    $("body").css("overflow", "hidden");
}
// Alternate
$( "button" ).on( "click", function() {
  $("body").css("overflow", "hidden");
});