モーダルを開くために恐らく、クリックイベントを使用していると思います。
その中にif文などで分岐させる処理を書けば良いと思います。
下記に例としてコードを置いておきます。
モーダルが表示されたらコンソールログに
特定の処理 と表示する処理をしてます。
コメントアウト部分はcssにあらかじめ、モーダル表示のためにクラスを
用意していた場合の記述です。
html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Document</title>
7 <style>
8 div {
9 display: none;
10 width: 30vw;
11 height:30vw;
12 background:rgb(200, 218, 173);
13 position:absolute;
14 top:50%;
15 left:50%;
16 transform: translate(-50%,-50%);
17 }
18
19 button {
20 position:absolute;
21 bottom:10%;
22 left:50%;
23 transform: translate(-50%);
24 font-size: 20px;
25 }
26
27 .show {
28 display: block;
29 }
30
31 </style>
32</head>
33<body>
34 <div></div>
35 <button>モーダルOpen</button>
36 <script>
37 const div = document.getElementsByTagName("div")[0];
38 const btn = document.getElementsByTagName("button")[0];
39
40 // btn.addEventListener("click",()=> {
41 // div.classList.toggle("show");
42 // if(div.classList.contains("show")) {
43 // console.log("特定の処理");
44 // }
45 // });
46
47 btn.addEventListener("click",()=> {
48 if(div.style.display == "block"){
49 div.style.display = "";
50 } else {
51 div.style.display = "block";
52 console.log("特定の処理");
53 }
54 })
55
56 </script>
57</body>
58</html>