Discussion :

[le_chomeur]

Salut à tous , j'aurais aimé avoir une explication claire sur le principe du handleEvent .

De ce que j'en ai compris, on n'affecte pas directement un événement à un objet, mais on passe un objet à un événement puis on traite l'action a effectuée en conséquence.

Est bien , mal ?
Lourd ?

La différence avec de l'évent délégation ?

Merci à tous

[Invité]

bonjour

je l'ai utilisé une fois car je devais ajouter un evenement dans le body d'une fonction de mon objet avec addEventListener mais le probleme c'est que dans ce cas quand je faisais alerte(this) ca me retournais body a la place de mon objet donc impossible d'executer les fonction.

ce qui ne passait pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
		document.documentElement.addEventListener("mousedown", this.selecte, false);
		document.documentElement.addEventListener("mousemove", this.deplace, false);

les fonctions associé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
this.selecte=function(ev){
 
		ev.preventDefault();
 
	}
 
this.deplace=function(s){
 
		typeof that.decx == 'undefined' ? that.decx = s.clientX : null;
		if(that.tbvar[5] == 0){
			that.decx = s.clientX;
			that.tbvar[5] = 1 
		}
		that.elem.scrollLeft=that.elem.scrollLeft+((that.decx-s.clientX ));
		that.decx=s.clientX;
	}

ce qui passait au lieu de donner une fonction je met this

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.documentElement.addEventListener("mousedown", this, false);
	 document.documentElement.addEventListener("mousemove", this, false);

et le handleEvent qui contient les fonctions

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
iphone.prototype.handleEvent = function(e) {
 
	switch(e.type) {
 
	case 'mousemove':
 
		typeof this.decx == 'undefined' ? this.decx = e.clientX : null;
		if(this.tbvar[5] == 0){
			this.decx = e.clientX;
			this.tbvar[5] = 1 
		}
		this.elem.scrollLeft=this.elem.scrollLeft+((this.decx-e.clientX ));
		this.decx=e.clientX;
		break;
 
	case 'mousedown':
 
		e.preventDefault();
		break;
 
	}
}

en gros j'ai l'impression que ca rajoute un objet event a l'objet mais ce n'est qu'une impression