[JS]event.source

Door Harmen op 02-10-2006 16:21

1.037 views

Hoi allemaal,
als er ergens in een javascript-functie staat, zoals hieronder, event.source, krijg je dan het ID mee van dat "event"? Of krijg je alles ipv alleen box:
document.dingetje.danges.box


<div id="title" onmousedown="dragPress(event);" style="background-color: #FFCC00;">Drag Me!</div>


function dragPress(evt) {
	evt = new Evt(evt);
	box = evt.source;
	setOpacity(box,.6);
	deltaX = evt.x - getX(box);
	deltaY = evt.y - getY(box);
	Evt.addEventListener(document,"mousemove",dragMove,false);
	Evt.addEventListener(document,"mouseup",dragRelease,false);
}

Jelmer -

02-10-2006 16:31

Ik weet niet wat de functie Evt bij jouw is (new Evt(evt)) maar ikzelf gebruik altijd evt.target (FF etc.) of evt.srcElement (IE) bijv hier:


handleClick: function(evt)
{
	evt = evt || window.event;
	element = evt.target || evt.srcElement;
	if(this.previousElement) {
		this.previousElement.className = '';
	}
	element.className='active';
	this.previousElement = element;

	$('header').innerHTML = 'Filmdag \'06 : ' + this.ucfirst(element.innerHTML);

	this.filter(element.innerHTML);
}

note: deze functie is dan aan een dom-node gehangen door addEventListener, dus ik geef niet handmatig 'event' mee als argument.

Harmen

02-10-2006 17:05

dit is het:


function Evt(evt) {
this.evt = evt ? evt : window.event; 
this.source = evt.target ? evt.target : evt.srcElement;
this.x = evt.pageX ? evt.pageX : evt.clientX;
this.y = evt.pageY ? evt.pageY : evt.clientY;
}

maar srcElement of target, krijg je daarmee het hele verhaal?
document.hierin.daarin.uiteindelijkID?

Jelmer -

02-10-2006 17:19

jouw this.source , uiteindelijk dus box is al de dom-node waarop geklikt is. Je kan dus in theorie al zeggen

box.style.backgroundColor='#FF00FF';

. De vraag alleen is soms wel, en dat heb je wel vaker met events, is box de div-tag zelf, of is het een element dat erin zit. Heeft volgens mij te maken met event bubbling. Ik los het zelf meestal op door gewoon een while-lusje te maken dat de parentNode kiest (zolang die bestaat althans) en kijkt of dat de node is die ik wil hebben.

Maar dat laatste probleem heb je maar heel zelden, maar het komt voor. Dat je het even weet!

Harmen

02-10-2006 19:11

dus opzich kan ik gewoon wat gaan kloten met evt?
evt.style.backgroundColor='#FFCC00'; etc

Reageren

Inloggen om te reageren