32 lines
600 B
Markdown
32 lines
600 B
Markdown
|
# .cadoles-slide-title[API du DOM (4/4)]
|
||
|
|
|
||
|
|
**Gestion des évènements**
|
||
|
|
|
||
|
|
```html
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<button id="my-button" onclick="myButtonClickHandler()"></button>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
```js
|
||
|
|
var myButton = document.getElementById('my-button');
|
||
|
|
|
||
|
|
// Méthode classique via les attributs (voir HTML)
|
||
|
|
function myButtonClickHandler(evt) {
|
||
|
|
console.log(evt);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Enlever le listener
|
||
|
|
myButton.onClick = null;
|
||
|
|
|
||
|
|
// via addEventListener
|
||
|
|
|
||
|
|
myButton.addEventListener('click', myButtonClickHandler);
|
||
|
|
|
||
|
|
// Enlever le listener
|
||
|
|
myButton.removeEventListener('click', myButtonClickHandler);
|
||
|
|
```
|