Pop up the javascript code for the simplest pattern mask layer _ javascript tips-js tutorial

There are many ways to pop up the pattern mask layer. This article introduces how to use js to implement the Simplest Pattern mask layer. The details are as follows, if you are interested, do not miss it. Suppose we have a container named iner as follows:

The Code is as follows:

Now, you need to pop up a p layer on the webpage so that the container cannot be operated before closing the p layer.
First, we need to define the p layer of the mask as follows:

The Code is as follows:

Next, we will use js to make the mask layer always show on the screen and do not operate on the content under the mask layer. Click the close button to close the mask layer.

The Code is as follows: