JSFiddle - React, Tailwind, and code Playground

by sm1215

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<a class="button" href="#">Link 1</a>
<a class="button" href="#">Link 2</a>
<a class="button" href="#">Link 3</a>
<a class="button" href="#">Link 4</a>

CSS

.check-leave{
	color:red;
}

JavaScript

$('.button').click(function(){
	$(this).toggleClass('check-leave');
});

$(window).on('beforeunload', function () {
	if($('.button').hasClass('check-leave')){
		return "Any changes will be lost";
	} else {
		//continue
	}
});