blob: 0f9bdc6a11eef840cfe726c9a18c150d4bbcf163 (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Toggle Event Listeners</h1>
<button id="target" onclick="handleEvent(event)">Target</button>
<script>
"use strict";
function handleEvent(e) {
const data = JSON.parse(e.target.dataset.handledEvents || "{}");
data[e.type] = (data[e.type] || 0) + 1;
e.target.dataset.handledEvents = JSON.stringify(data);
}
const domEventsElement = document.getElementById("target");
// adding regular event listener
domEventsElement.addEventListener("mousedown", handleEvent);
// and a "native" event listener
domEventsElement.addEventListener("mouseup", console.info)
</script>
</body>
</html>
|
