-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMouseDownUP.html
44 lines (35 loc) · 1.03 KB
/
MouseDownUP.html
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>