Event Delegation - Revision history

Bacchas at 20:09, 26 November 2016

2016-11-26T20:09:00Z

← Older revision		Revision as of 20:09, 26 November 2016
Line 11:		Line 11:
	To target a specific id:		To target a specific id:
	event.target.parentNode.parentNode.id		event.target.parentNode.parentNode.id
			==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 20:08, 26 November 2016

2016-11-26T20:08:12Z

← Older revision		Revision as of 20:08, 26 November 2016
Line 9:		Line 9:
	To go up several parent up:		To go up several parent up:
	event.target.parentNode.parentNode.parentNode /// etc..		event.target.parentNode.parentNode.parentNode /// etc..
			To target a specific id:
			event.target.parentNode.parentNode.id

Bacchas at 19:37, 26 November 2016

2016-11-26T19:37:38Z

← Older revision		Revision as of 19:37, 26 November 2016
Line 4:		Line 4:
	var myfun = function(event){		var myfun = function(event){
	console.log(event.target)		console.log(event.target)
	}		} // the 'event' text could be anything 'e' etc..
			To traverse the DOM one parent up you you use
			event.target.parentNode
			To go up several parent up:
			event.target.parentNode.parentNode.parentNode /// etc..

Bacchas at 19:30, 26 November 2016

2016-11-26T19:30:10Z

← Older revision		Revision as of 19:30, 26 November 2016
Line 1:		Line 1:
	'''Event Bubbling ''' </br >		'''Event Bubbling ''' <br />
	When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through the bubbling up effect from the parent. </br>		When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through the bubbling up effect from the parent. <br />
	You can capture the event by passing the even to the function and capturing the target		You can capture the event by passing the even to the function and capturing the target
	var myfun = function(event){		var myfun = function(event){
	console.log(event.target)		console.log(event.target)
	}		}

Bacchas at 19:29, 26 November 2016

2016-11-26T19:29:26Z

← Older revision		Revision as of 19:29, 26 November 2016
Line 1:		Line 1:
	'''Event Bubbling '''		'''Event Bubbling ''' </br >
	When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through the bubbling up effect from the parent		When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through the bubbling up effect from the parent. </br>
			You can capture the event by passing the even to the function and capturing the target
			var myfun = function(event){
			console.log(event.target)
			}

Bacchas: Created page with "'''Event Bubbling ''' When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through t..."

2016-11-26T19:16:48Z

Created page with "'''Event Bubbling ''' When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through t..."

New page

'''Event Bubbling '''
When a child element is clicked, the event bubbles all the way up the dom. This means that you can capture the child element that was activated through the bubbling up effect from the parent