Javascript-форум - Как пересилить обработчик клика?

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Как пересилить обработчик клика? (https://javascript.ru/forum/jquery/70711-kak-peresilit-obrabotchik-klika.html)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="btn-toolbar" id="toolbar">
		<div class="btn-wrapper" id="toolbar">
			<button onclick="if (document.adminForm.boxchecked.value == 0) { alert(Joomla.JText._('JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST')); } else { if (confirm('Delete selected files?')) { Joomla.submitbutton('fsdelete.deleteFSSelected'); } }" class="btn btn-small">
				<span class="icon-delete"></span>
				Delete selected files</button>
			</div>
			<div class="btn-wrapper" id="toolbar-delete">
				<button onclick="Joomla.submitbutton('fsdelete.deleteFSAllFiles');" class="btn btn-small">
					<span class="icon-delete"></span>
					Delete all files from FS</button>
				</div>
				<div class="btn-wrapper" id="toolbar-help">
					<button onclick="Joomla.popupWindow('http://siteforhelp.ru', 'Help', 700, 500, 1)" rel="help" class="btn btn-small">
						<span class="icon-question-sign"></span>
						Help</button>
					</div>
					<div class="btn-wrapper" id="toolbar-options">
						<button onclick="location.href='index.php?option=com_config&amp;view=component&amp;component=com_vm3delpics&amp;path=&amp;return=aHR0cDovL2xvY2FsaG9zdC9hc3UxNzAzMjIvYWRtaW5pc3RyYXRvci9pbmRleC5waHA%2Fb3B0aW9uPWNvbV92bTNkZWxwaWNzJnZpZXc9ZnNkZWxldGU%3D';" class="btn btn-small">
							<span class="icon-options"></span>
							Options</button>
						</div>
					</div>
					<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
					<script>
						
						jQuery("#toolbar-delete .btn-small").click(function (e) {
							e.preventDefault();
							alert("Here we are!");
						});

						jQuery( document ).ready(function() {
	var time_limit = 25;//временной лимит(сек) на ответ сервера
	var i = 0;
	var go = 1;//признак того, что нужно продолжать считывать информацию о файлах
	var from = 0;//с какого файла по порядку начинаем проверять
	var read_cnt = 3;//число проверяемых файлов
	
	var request = function(){
		jQuery.getJSON('index.php?option=com_vm3delpics&task=fsdelete.read&format=json'
			, {
				data: {
					"time_limit":time_limit,
					"from":from,
					"read_cnt":read_cnt 
				}
			})
		.always(function(r) {
			var start = new Date().getTime();
			
			if (!r.success && r.message){
				alert(r.message);
			}
			if (r.messages){
				Joomla.renderMessages(r.messages);
			}
			if (r.data){
				//debugger;
				var elapsed = new Date().getTime() - start;
				//alert(elapsed);
				if(elapsed/1000 - 0.5 < time_limit){
					read_cnt = r.data.read_cnt+1;
				}
				else{
					if(r.data.read_cnt > 1)	read_cnt = r.data.read_cnt-1;
					else alert("Слишком медленный ответ сервера! Не могу уменьшить число считываемых файлов");
				}
				from = r.data.from + r.data.read_cnt;

				//отображение найденных файлов
				var tbl = jQuery("#fsscanres")[0];
				var rws = tbl.rows;
				var lst = rws[rws.length - 2];
				var cls = lst.cells.length;
				var rows_length = rws.length;
				for (var key in r.data.files) {
					i++;
					var ro = tbl.insertRow(rws.length - 1);
					for (var j = 0; j < cls; j++){
						var ce = ro.insertCell(-1);
						switch(j){
							case 0 :
							ce.innerHTML = rows_length + i - 2;
							break;
							case 1 :
							ce.innerHTML = '<input type="checkbox" id="cb0" name="cid[]" value="'+ r.data.files[key]["file_url"] + '" onclick="Joomla.isChecked(this.checked);">';
							break;
							case 2 :
							ce.innerHTML = r.data.files[key]["file_url"];
							break;
						}
					}
				}
				i = 0;

			}
			if(r.data.go) request();
		});
	};
	request();
});


</script>
</body>
</html>

j0hnik, спасибо. У меня так не срабатывает на локальном сервере почему-то(наверно надо было мне в вопрос полностью весь контекст скопировать).
Два вопроса позвольте:
1. Что даёт сделанная вами перестановка кода js-файла местами?
2. Как оформляется живой пример в посте? не нашел такой кнопки в тулбаре

Цитата:

Сообщение от ksa (Сообщение 465688)

Ты не отменишь всплытие на самом себе. :no:

можно отменять только на элементе DOM уровнем выше?

Цитата:

Сообщение от borus

Как оформляется живой пример в посте?

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Цитата:

Сообщение от borus

можно отменять только на элементе DOM уровнем выше?

Да. :yes:

Ты видел мой пример, где я переставил функции?

Цитата:

Сообщение от ksa (Сообщение 465687)

Бивас, тест! (с) :D

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('button').each(function(){
		var one=this.onclick;
		this.onclick=null;
		$(this).click(function(){
			two();
			one();
		});
	});
	function two(){
		alert(2);
	};
});
</script>
</head>
<body>
<button onclick='alert(1)'>Test</button>
</body>
</html>

Доброго утра!
Позвольте я опишу мое понимание того, как это работает в учебных целях, а вы скажите, так или нет:
После клика на кнопку её дефолтный обработчик клика сбрасывается с помощью

this.onclick=null;

Затем запускается обработчик с функциями two() и one(), которая была предварительно сохранена до снятия дефолтного обработчика
Так?
Спасибо. Попробую сейчас использовать такой подход

Цитата:

Сообщение от borus

После клика на кнопку её дефолтный обработчик клика сбрасывается

Все делается после готовности документа.
- Считывается первый обработчик
- "Обнуляется" свойство отвечающее за обработчики
- Навешивается новый обработчик в котором функции вызываются в нужном порядке