iOS Question Code to hide the context menu in WebView

AlfaizDev

AlfaizDev

Well-Known Member
Licensed User
Code to hide the context menu in webview

I use JavaScript code to hide the menu in b4a and it works fine but it doesn't work in b4i I tried other ways and it doesn't help as some methods disable the selection completely

This is the code I use in b4a

JavaScript: 
    document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
}, false);
 
Sort by date Sort by votes
Sandman

Sandman

Expert
Licensed User
Longtime User
Did you try to use this javascript?
JavaScript: 
document.documentElement.style.webkitUserSelect='none';
document.documentElement.style.webkitTouchCallout='none';

Or perhaps this css?
CSS: 
html {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
 
Upvote 0

AlfaizDev

Well-Known Member
Licensed User
Yes, I've tried this code.
However, the first one completely stops the selection, and I don't want that.
What I want is for the selection to remain intact while preventing the context menu from appearing.
Thank you.
 
Upvote 0

Sandman

Expert
Licensed User
Longtime User
In that case, isn't this correct?
JavaScript: 
document.documentElement.style.webkitTouchCallout='none';

If not, how is it wrong for your scenario?
 
Upvote 0

AlfaizDev

Well-Known Member
Licensed User
Sandman said:
In that case, isn't this correct?
JavaScript: 
document.documentElement.style.webkitTouchCallout='none';

If not, how is it wrong for your scenario?
Click to expand...
It seems that the code you mentioned is specific to the Safari browser.
Here's a demo page where the menu blocking code doesn't work.

B4X: 
    myHtmlString = $"
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Disable Context Menu</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background-color: #f5f5f5;
    }
  </style>
</head>
<body>

  <p>
    This is a test paragraph. Try to long-press on this text (on mobile) or right-click (on desktop), and the context menu will not appear.
  </p>

  <script>
    // Disable right-click and long-press context menu
    document.addEventListener('contextmenu', function(e) {
      e.preventDefault();
    });

    // Optional: Disable long-press callout on iOS Safari
    document.documentElement.style.webkitTouchCallout = 'none';
  </script>

</body>
</html>
"$
    WebView1.LoadHtml(myHtmlString)
 
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Question
iOS Question [RESOLVED] Click webview to B4I
Replies
3
Views
1K
Duque
N
  • Question
iOS Question B4I hide the header , footer, and navigation of the web page that I load inside a web view or wkwebview
Replies
7
Views
3K
Nino Caminiti
N
F
  • Question
iOS Question FirebaseAuth with WebView
Replies
6
Views
3K
Erel
  • Locked
  • Article
Android Code Snippet [B4X] Use WebView to show large images
Replies
2
Views
13K
Erel
S
  • Article
iOS Code Snippet WebView "extra"
Replies
14
Views
17K
Erel