Intercept a html button and add a click.

Question

I have a WebView, that loads a site with a Join button (this is a meeting app)

I successfully grab the button with this code.

if(e.Result == WebNavigationResult.Success) {
    // Find the button with the text "Join" in the obtained HTML
    var joinButtonHtml = await JoinWebView.EvaluateJavaScriptAsync("Array.from(document.querySelectorAll('button')).find(button => button.textContent.trim() === 'Join').outerHTML");

    if(joinButtonHtml is not null) {
        await JoinWebView.EvaluateJavaScriptAsync(@"
            var joinButton = document.querySelector('button haircheck-join');
            if (joinButton) {
                joinButton.addEventListener('click', function() {
                    // Call a function or perform an action when the button is clicked
                    console.log('Join button clicked!');
                  
                });
            }
        ");
    }

}

\u003Cbutton type=\"button\" id=\"haircheck-join\" class=\"jsx-4281248356 button robots-btn-join medium primary\">\u003Cspan class=\"jsx-590185126 inherit jsx-421845d4209aa23\">Join\u003C/span>\u003C/button>

here is cleaner version of the button. 

<button type="button" id="haircheck-join" class="jsx-4281248356 button robots-btn-join medium primary"><span class="jsx-590185126 inherit jsx-421845d4209aa23">Join</span></button>

what I want to achieve, is to click on the button, and do something else

for example Create a method that console WriteLine hello for example.

Answer 1

Hello,

Injecting JavaScript code at runtime is a kind of cyber-attack, also known as a JavaScript injection attack. This is not supported on the forum.

In MAUI WebView, if you have a need to call JavaScript methods, please write the JavaScript methods into the HTML ahead of time according to Invoke JavaScript and call them, instead of injecting them at runtime.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

can you give me code about droppdown button for word press website code in html or css