JavaScript/MouseDownUP.html at main · kuldeepsingh000/JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ::-moz-selection {
            color: red;
            background: yellow;
        }

        ::selection {
            color: red;
            background: black;
        }
    </style>
</head>

<body>

    <p id="mpdp" onmousedown="mouseDown()" onmouseup="mouseUp()">
        Hiii
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut voluptas minus eaque voluptates ducimus porro illum
        nemo impedit at quis? Beatae deserunt iure vitae pariatur? Commodi nam nemo necessitatibus magnam.
    </p>

    <script>
        function mouseUp() {
            const z = document.getElementById("mpdp");
            z.style.color = "yellow";
        }

        function mouseDown() {
            document.getElementById("mpdp").style.color = "tomato";
        }

    </script>

</body>

</html>