WKWebView disable right click menu

Question

I have WKWebView and I want to disable/remove right click menu:

I found similar issues:

But I cant find

optional func webView(_ sender: WebView!,  contextMenuItemsForElement element: [AnyHashable : Any]!, 
     defaultMenuItems: [Any]!) -> [Any]!

method in WKUIDelegate or WKNavigationDelegate

This might help: https://stackoverflow.com/questions/28801032/how-can-the-context-menu-in-wkwebview-on-the-mac-be-modified-or-overridden#28981319 — tomalbrc, Aug 20 '17 at 16:22
Possible duplicate of [How can the context menu in WKWebView on the Mac be modified or overridden?](https://stackoverflow.com/questions/28801032/how-can-the-context-menu-in-wkwebview-on-the-mac-be-modified-or-overridden) — Tamás Sengel, Sep 29 '17 at 14:06

score 4 · Accepted Answer · edited Feb 02 '19 at 11:07

4

I figure it out as a most elegant way:

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    [webView evaluateJavaScript:@"document.body.setAttribute('oncontextmenu', 'event.preventDefault();');" completionHandler:nil];
}

Keep in mind that some JavaScripts can override this behaviour

edited Feb 02 '19 at 11:07

answered Dec 10 '17 at 10:52

Labokas

585
5
7

score 3 · Answer 2 · answered Mar 14 '22 at 18:47

For me nothing from the above worked. I know this is old, but if someone finds this years later like me, here is the solution:

Subclass WKWebView, override buildMenu(with:) and remove each item that is showing on right click, for me it was .speech and .standardEdit, so my final code looks like this:

import WebKit

class CustomWebView: WKWebView {

    override func buildMenu(with builder: UIMenuBuilder) {
        super.buildMenu(with: builder)
        
        builder.remove(menu: .speech)
        builder.remove(menu: .standardEdit)
    }
    
}

Check this documentation page for what to remove.

score 2 · Answer 3 · answered Sep 16 '17 at 05:44

You can do this, but not from Swift/Objc side.

Intercept the 'oncontextmenu' event on your html code, for example:

<body oncontextmenu='contextMenu(event)'>

Then from javascript :

function contextMenu(evt)
{
    evt.preventDefault();
}

I deduced this from the following post that explain how to customize this menu:

How can the context menu in WKWebView on the Mac be modified or overridden?

Regards

score 1 · Answer 4 · answered Jul 18 '22 at 06:12

None of the JavaScript solutions above worked for me as well. @spasbil's answer works great on iOS, but for those of you looking for a solution on macOS, use willOpenMenu(_:with:) instead when subclassing WKWebView:

import WebKit

class WebView: WKWebView {
    
    override func willOpenMenu(_ menu: NSMenu, with event: NSEvent) {
        if let reloadMenuItem = menu.item(withTitle: "Reload") {
            menu.removeItem(reloadMenuItem)
        }
    }

}

score -3 · Answer 5 · edited Sep 29 '17 at 14:07

-3

myWKView.allowsBackForwardNavigationGestures = false

edited Sep 29 '17 at 14:07

Eric Aya

69,473
35
181
253

answered Sep 29 '17 at 14:04

Antoine Rosset

1,045
2
13
22

1

This is not going to help in disabling the right-click event. This just disables forward and backward touch gestures in the mac/ios application. – Sanjay Pradeep Aug 27 '19 at 08:57

WKWebView disable right click menu

5 Answers5