我有我做了一个JS对象,有几个原型的功能,并从内部构造精细,采用这种美其名曰[功能]无法解析Javascript对象方法这个参考
但在后面的事件处理函数中,这指的是元素,而不是对象,我不知道如何解决这个问题:
它通过AddListener罚款,鼠标向下事件触发,导致启用/ disableDragging工作正常。但在该函数中,“this”是元素,而不是拖动器对象,所以我无法调用访问WindowCenter,DraggingBool或Add/RemoveListener事件。
从阅读起来,它看起来像我可能需要实现prototype.bind?但不知道如何重新安排我现有的代码来做到这一点。或者我改变其中一个函数来返回一个函数?
是的,我知道我可以在jQuery的做到这一点,做了很多次,只是想看看我是否能得到它与POJS :)
Dragger = function(element, draggingElement) {
this.Element = element;
this.DraggingElement = element;
this.WindowCenter;
this.DraggingBool = false;
this.AddListener(this.DraggingElement, "mousedown", this.enableDragging);
this.AddListener(this.DraggingElement, "mouseup", this.disableDragging);
}
Dragger.prototype.AddListener = function (element, eventType, listener, bubble) {
if (typeof (element) != "object" || typeof (listener) != "function")
return;
if (typeof (bubble) == "undefined")
var bubble = false;
eventType = eventType.toLowerCase();
if (eventType.substr(0, 2) == "on")
eventType = eventType.substr(2);
if (window.addEventListener) { // Mozilla, Netscape, Firefox
element.addEventListener(eventType, listener, bubble);
} else if (window.attachEvent) { // IE
element.attachEvent("on" + eventType, listener);
}
}
Dragger.prototype.RemoveListener = function (element, eventType, listener) {
eventType = eventType.toLowerCase();
if (eventType.substr(0, 2) == "on")
eventType = eventType.substr(2);
if (window.addEventListener) { // Mozilla, Netscape, Firefox
element.removeEventListener(eventType, listener, false);
} else if (window.attachEvent) { // IE
element.detachEvent("on" + eventType, listener);
}
}
Dragger.prototype.enableDragging = function (e) {
if (!e) var e = window.event;
//dont move for right click
if (e.which && e.which == 3)
return;
else if (e.button && e.button == 2)
return;
this.DraggingBool = true;
this.WindowCenter = new Point(e.pageX, e.pageY);
this.AddListener(document.body, "mouseover", this.mouseMoveListener);
}
Dragger.prototype.disableDragging = function() {
this.DraggingBool = false;
this.RemoveListener(document.body, "mouseover", this.mouseMoveListener);
}
Dragger.prototype.mouseMoveListener = function (e) {
if (!this.DraggingBool)
return;
if (!e) var e = window.event;
e.preventDefault();
var newLoc = new Point(e.pageX, e.pageY);
var xDif = windowCenter.X - newLoc.X;
var yDif = windowCenter.Y - newLoc.Y;
this.Element.style.left = (this.Element.offsetLeft + xDif) + "px";
this.Element.style.top = (this.Element.offsetTop + yDif) + "px";
this.WindowCenter = newLoc;
}
太棒了!干杯,比创建时将对象实例全局变量设置为全局变量,以及在函数中调用该硬编码要好得多。) 现在我只需在IE中使用它,因为您显然不能设置style.left¬.¬。但我会解决它^^ – Psytronic 2010-06-25 11:07:11