Problem with onChange event with tinymce text area plugin in firefox

On change call back does not trigger in firefox, is there any way. It works fine in internet explorer

I want to detect any edits in order to show a confirmation box before user navigates.

I am using tinymce version 4.7

tinyMCE.init({
		// General options
		init_instance_callback : fixTinyMCETabIssue,
		onchange_callback : "markChanged",
		mode : "textareas",
		theme : "advanced",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,nonbreaking,xhtmlxtras,template,wordcount,advlist",
	 doctype:"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' "
	    + "'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>",
		// Theme options
		theme_advanced_buttons1 : "bold,italic, separator, removeformat,separator,sub,sup,separator,charmap,separator, pastetext,|,replace,|,bullist,|,undo,redo,|,preview,|,forecolor",
		theme_advanced_buttons2 : "",
		theme_advanced_buttons3 : "",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

// Drop lists for link/image/media/template dialogs
		template_external_list_url : "<%=request.getContextPath()%>/lists/template_list.js",
		external_link_list_url : "<%=request.getContextPath()%>/lists/link_list.js",
		external_image_list_url : "<%=request.getContextPath()%>/lists/image_list.js",
		media_external_list_url : "<%=request.getContextPath()%>/lists/media_list.js",

// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],

// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});

i found a solution and it worked for all browsers.. Please see below ::

In above code, i added an additional handle event call back

I then added a function which monitors for keypress events in text area

Please take the time to choose an appropriate forum for your posts. This forum is for questions on JSP, not JavaScript. For more information, please click this link ⇒ CarefullyChooseOneForum.

This post has been moved to a more appropriate forum.