IOS-Control user actions with the User-select attribute of OC Tuning JS when using Wkwebview

Called after page load is complete

-(void) WebView: (Wkwebview *) WebView didfinishnavigation: (null_unspecified wknavigation *) Navigation {

JS code that does not perform the popup list of the previous interface

[WebView evaluatejavascript:@ "document.documentelement.style.webkittouchcallout= ' none ';" Completionhandler:nil];

[WebView evaluatejavascript:@ "document.documentelement.style.webkituserselect= ' None '" completionhandler:nil];

}

The User-select property is used to prevent users from using the mouse to select text, images, etc. on the page, that is, to make the page content unavailable. You can also only allow users to select text, or all of them, users can select the text, but also include the text of the picture, video and other things. The User-select property is an element-level function that can affect not only the entire page, but also the specified element and its child elements.

Currently using a variety of browser engine prefix, it can play a good role.

Let's take a look at the syntax of the User-select property:

User-select:none;
User-select:auto;
User-select:text;
User-select:contain;
User-select:all;
Firefox browser
-moz-user-select:none;
-moz-user-select:text;
-moz-user-select:all;
Google Chrome
-webkit-user-select:none;
-webkit-user-select:text;
-webkit-user-select:all;
Ie
-ms-user-select:none;
-ms-user-select:text;
-ms-user-select:all;
-ms-user-select:element;

The following is an introduction to the property values for the "User-select" property:

none

Prevent users from checking

text

No restrictions on the user's choice

all

The

target element will be selected as a whole, that is, you cannot select only one part, and the browser automatically selects the contents of the entire element when you select the text with the mouse.

IOS-Control user actions with the User-select attribute of OC Tuning JS when using Wkwebview