Javascript for handling browser refresh,close events

JavaScript
1

I have the following script written for handling the browser events, but i’m getting ‘Uncaught TypeError: document.addEventListner is not a function’ error.
Below is my script. please suggest.

<!DOCTYPE html>
<html>
<head>
<center>
<h1>This is page1</h1>
<hr/>


<script type="text/javascript">
var keyBoardRefreshMessage = "refresh button is pressed keyboard";
var browserBackRefreshCloseMessage = "browser action";


/*handles backspace and refresh(F5) from keyboard */
window.manageBackRefresh = function(event) {

var tag = event.target.tagName.toLowerCase();
if(event.keyCode == 8 && tag != 'input' && tag !='textarea' && !(is_firefox)) {
	var backOk = confirm(keyBoardBackMessage);
	if(backOk){
		window.landg.innerDocClick =true;
}else{
	event.preventDefault();
}
}else if (event.keyCode == 116) {

	var refreshOk = confirm(keyBoardRefreshMessage);
	if (refreshOk) {
	window.landg.innerDocClick = true;
} else {

	event.preventDefault();
	}

};
};


document.addEventListner("keydown", window.manageBackRefresh);


/* handles browser refresh or close event*/


window.onbeforeunload = function(event) {
	var ele = $(":focus");
if (!window.landg.innerDocClick && (($(ele) == undefined || $(ele).attr("href") == undefined) || ($(ele).attr("href") != undefined && $(ele).attr("href") !="#"))) {
	if (typeof event == undefined) {
		event = window.event;
		}
		if(event) {
			event.returnValue = browserBackRefreshCloseMessage;
			   }
		return browserBackRefreshCloseMessage;
	}
};

/* handles browser back and forward event*/

window.onpopstate = function(event) {
	var ele = $(":focus");
if (!window.landg.innerDocClick && (($(ele) == undefined || $(ele).attr("href") == undefined) || ($(ele).attr("href") != undefined && $(ele).attr("href") != "#"))) {
	var ok = confirm( browserBackRefreshCloseMessage );
	if(ok) {
		
	} else {
		event.preventDfault();
		}
	};
};
</script>
</head>
<body>

<h2>Go to page2</h2><a href="D:\OnePlus\page2.html" >click</a>
<br/>
<h2>Go to page3</h2><a href="D:\OnePlus\page3.html" >click</a>



</center>
</body>
</html>
2

We need to see your code @Darshan1

3

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

4

Guess what, it is

document.addEventListener

Not Listner, you missed an ‘e’. @Darshan1