JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<script
  src="https://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous"></script>
  
<a href="#" data-track-click="link naar algemene voorwaarden">a</a>
<input value=""  data-track-value="geboorteDatum"/>
<textarea id="listen" style="height: 300px"></textarea>

JavaScript

/************************************************************************/


	
(function(){
	$('#a').click(function(event){

		event.preventDefault();
		event.stopPropagation();
		console.log(arguments)
		console.log(event.target)
		return false;
	});
	
	
	document.querySelector('[data-track-click]').addEventListener('click', function (event) {
		console.log(arguments)
		console.log(event.target.getAttribute('data-track-click'));
		console.log(event.target.href,'event.target.href')

	});
	

	document.querySelector('[data-track-value]').addEventListener('blur', function (event) {
		console.log(event)
		console.log(event.target.getAttribute('data-track-value'));
		console.log(event.target.value,'event.target.value')

	});
	
	
	document.querySelector('[data-track-value]').addEventListener('keyup', function (event) {
		console.log(event)
		console.log(event.target.getAttribute('data-track-value'));
		console.log(event.target.value,'event.target.value')
		
	});

})();