Форум

(Sandr) · #1 (**permalink**) 30.03.2012, 14:02

Всем привет. Пытаюсь повесить несколько одинаковых обработчиков на один объект.

<html>
<head>
<title></title>
<script>
function j(data) { return new operation(data); }
function operation(data) { 
  this.obj = data;
  this.stackMouseMove = [];
  return this;
}

operation.prototype.bind = function(func) {
	var self = this;
	this.stackMouseMove.push(func);
	if(!this.obj.onmousemove) this.obj.onmousemove = function() { self.mousemove(); };
};

operation.prototype.mousemove = function() {
  for(var i = 0; i <= this.stackMouseMove.length-1; i++) {
    this.stackMouseMove[i]();
  }
};


window.onload = function() { 
  j(document).bind(function() { document.getElementById('q').innerHTML = Math.floor( Math.random() * (10 - 1 + 1) ) + 1; });  
  j(document).bind(function() { document.getElementById('w').innerHTML = Math.floor( Math.random() * (10 - 1 + 1) ) + 1; }); 
};

</script>
	</head>
	<body>
	1. <span id="q">0</span><br>
	2. <span id="w">0</span><br>
	</body>
</html>

Но при каждом вызове j(document).bind(....) возвращается новый operation.
Подскажите, как решить эту проблему?

vasa_c · #2 (**permalink**) 30.03.2012, 14:12

ну, наверно так:

var op = j(document);
op.bind();
op.bind();

нет?

(Sandr) · #3 (**permalink**) 30.03.2012, 14:26

vasa_c,
так работает, но это не совсем то, что нужно. Нужно что бы вызов методов bind(...) был без всего "лишнего". Т.е. без var op = j(document);

vasa_c · #4 (**permalink**) 30.03.2012, 15:43

а чего лишнего то?
сделайте тогда кэш какой-нибудь в j(), например:

function j(data) { 
    if (!data.__operation) {
        data.__operation = new operation(data);
    }
    return data.__operation;
}

nerv_ · #5 (**permalink**) 30.03.2012, 15:45

(Sandr), может так пойдет

<div id="first">click me</div>

<script>

	var events = {
		'bind': function( elem, eventType, handler ) {
			if ( document.addEventListener ) {
				elem.addEventListener( eventType, handler, false );
			} else {
				elem.attachEvent( 'on' + eventType, handler );
			}
		},
		'unbind': function( elem, eventType, handler ) {
			if ( document.addEventListener ) {
				elem.removeEventListener( eventType, handler, false );
			} else {
				elem.detachEvent( 'on' + eventType, handler );
			}
		}
	};
	
	
	(function() {
	
		events.bind( this, 'click', function() { alert( 1 ); } );
		events.bind( this, 'click', function() { alert( 2 ); } );
		
	}).call( document.getElementById( 'first' ) );
	
</script>

(Sandr) · #6 (**permalink**) 30.03.2012, 22:22

vasa_c,
спасибо! Как раз то, что нужно)

nerv_,
спасибо, что также не прошли мимо, но мне больше подойдёт вариант Vasa_c'а.

Форум

Справочник

Discord чат

Курсы javascript