-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathscript.js
More file actions
56 lines (47 loc) · 1.58 KB
/
script.js
File metadata and controls
56 lines (47 loc) · 1.58 KB
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
45
46
47
48
49
50
51
52
53
54
55
56
/* EVENTOS
Es cualquier cosa que sucede en nuestro documento.
El contenido se ha leído
El contenido se ha cargado
El usuario mueve el ratón
El usuario pusla una tecla
La ventana se ha cerrado
Element.addEventListener('event',callback);
Eventos de ratón:
click - cuando pulsamos el botón izquierdo del ratón.
dblclick - cuando pulsamos dos veces seguidas el botón izquierdo del ratón.
mouseenter - cuando entramos en la zona que tiene el evento.
mousedown - cuando pulsamos el botón izquierdo del ratón.
mouseup - cuando soltamos el botón izquierdo del ratón.
mousemove - cuando movemos el ratón.
mouseleave - cuando salimos de la zona que tiene el evento.
Eventos de teclado:
keydown - cuando pulsamos una tecla.
keyup - cuando soltamos una tecla.
keypress - cuando pulsamos una tecla y no la soltamos.
*/
let n = 0;
const button = document.getElementById('button');
const box = document.getElementById('box')
const input = document.getElementById('input')
// button.addEventListener('click',() => {
// n++;
// console.log(n);
// });
// button.addEventListener('dblclick',() => {
// console.log("Doble click");
// });
// box.addEventListener('mouseenter',() => {
// box.classList.replace('red','green')
// });
// box.addEventListener('mouseleave',() => {
// box.classList.replace('green','red')
// });
// box.addEventListener('mousedown',() =>{
// console.log("Has pulsado la caja")
// })
// box.addEventListener('mouseup',() =>{
// console.log("Has soltado la caja")
// })
input.addEventListener('keydown',() =>{
console.log('Has pulsado una tecla');
})