100分也代表不了我对你的感激

huangwenquan123 2011-07-08 10:53:55

有两个问题：
（1）当鼠标mouseup的时候事件有执行到deleteEvent中，可是没触发方法，还是继续可以拖动，这是为什么？



Resize.prototype={

    init:function(content,cut,cutImg,options){

        var handler = this;

        //...

        for(var o in options){

            switch(o){

                case "RightDown":

                    if(options[o]){

                        $(o).onmousedown=function(e){

                            e=e||window.event;

                            handler.RightMouseDown.apply(this,[handler,e]);

                        }

                    }

                    break;

                default:

                    break;

            }

        }

    },

    RightMouseDown:function(e){

        //...

        handler.addEvent("mousemove",handler.RightMouseMove,[handler,para,e]);

        handler.addEvent("mouseup",handler.RightMouseUp,[handler]);

    },

    RightMouseMove:function(){

        //...

    },

    RightMouseUp:function(){

        //...

        handler.deleteEvent("mousemove",handler.RightMouseMove);

        handler.deleteEvent("mouseup",handler.RightMouseUp);

    },

    addEvent:function(name,funName,para){

        var regHandler = funName;

        if(para){

            regHandler=function(){

                funName.apply(this,para);

            }

        }

        if(document.addEventListener){

            document.addEventListener(name,regHandler,true);

        }

        else{

            document.attachEvent("on"+name,regHandler);

        }

    },

    deleteEvent:function(name,funName,para){

        if(document.addEventListener){

            document.removeEventListener(name,funName,true);

        }

        else{

            document.detachEvent("on"+name,funName);

        }

    }

}

（2）还是以上代码，在ie拖动没问题，在ff拖动的时候移动一小段距离就停止了，要在去点在去拖就在移动一小段距离
是在一张图片上，然后有个层，层在图片上拖动！为什么在ff拖动不顺畅？

...全文

482 28 打赏收藏转发到动态举报

写回复

用AI写文章

28 条回复

切换为时间正序

请发表友善的回复…

发表回复

software攻城师 2011-07-18

打赏
举报

学习下

wangcheng_714 2011-07-17

打赏
举报



var addEvent = function(name,funName,para){

			var regHandler = funName;

			if(para){

				document.regHandler=function(){

					funName.apply(this,para);

				}

			}

			if(document.addEventListener){

				document.addEventListener(name,document.regHandler,true);

			}

			else{

				document.attachEvent("on"+name,document.regHandler);

			}

		};

		var deleteEvent = function(name,funName,para){

			

			if(document.addEventListener){

				document.removeEventListener(name,document.regHandler,true);

			}

			else{

				document.detachEvent("on"+name,document.regHandler);

			}

		};

		var handler = function(str){

			alert(str);

		};

		var param = ["test"]

		addEvent("click",handler,param);

		deleteEvent("click",handler,param);

这里提供一个思路，主要问题是如果有参数绑定的是regHandler而解绑定的却是funcName。这样肯定不可以。
这里代码只是一个参考，具体还需修改。

zengzz 2011-07-17

打赏
举报

学习，学习

freeheartsz 2011-07-15

打赏
举报

学习学习
尽管没看懂...

一脸酱油 2011-07-14

打赏
举报

UP的事件可以加在document.body上试试

long9158 2011-07-13

打赏
举报

学习学习帮顶

bao22314483 2011-07-11

打赏
举报

没事上来学习学习

provem11 2011-07-11

打赏
举报

没事上来学习学习

huangwenquan123 2011-07-10

打赏
举报

[Quote=引用 18 楼 aspwebchh 的回复:]
this.addEvent(document,"mousemove",this.bindEvent(this,this.RightDownMouseMove));
this.addEvent(document,"mouseup",this.bindEvent(this,this.RightDownMouseUp));
---这是添加事件处理函数
this.deleteEvent(do……
[/Quote]

我还以为是闭包问题，在firebug调式时看到每次一移动就立即调用，原来是没卸载掉该方法！
谢谢你了哈！

huangwenquan123 2011-07-10

打赏
举报

是的，就是这个原因，害我找了好久！万分感谢你！

挨踢直男 2011-07-10

打赏
举报

this.addEvent(document,"mousemove",this.bindEvent(this,this.RightDownMouseMove));
this.addEvent(document,"mouseup",this.bindEvent(this,this.RightDownMouseUp));
---这是添加事件处理函数
this.deleteEvent(document,"mousemove",this.RightDownMouseMove);
this.deleteEvent(document,"mouseup",this.RightDownMouseUp);
----这是删除的

但是你的 addevent 和 deleteevent 所接受的两个函数是不同的啊 add里的是经过另外一个函数bindevent处理的返回函数? 就是 function(e){
return fun.apply(obj,[e||window.event]);
}
，添加和删除不是同一个，当然会出问题。。。。。
不知道这是不是你说的原因

huangwenquan123 2011-07-10

打赏
举报

大神都去玩回来了没！

huangwenquan123 2011-07-09

打赏
举报



//知道哪里有问题了，如果把

//this.addEvent(document,"mousemove",this.bindEvent(this,this.RightDownMouseMove));

//this.addEvent(document,"mouseup",this.bindEvent(this,this.RightDownMouseUp));

//这两个换成下面注释中的就可以正常运行，如果不换成注释的mouseup总是释放不了。是什么原因呢？

var Resize=Class.create();

Resize.prototype={

    init:function(content,cut,cutImg){

        this.content=content;

        this.cut=cut;

        this.cutImg=$(cutImg);

    },

    Set:function(funCase){

        var fun;

        switch(funCase){

            case "RightDown":

                fun=this.RightDownMouseDown;

                this._obj=$(funCase);

                break;

            default:break;

        }

        this.addEvent(this._obj,"mousedown",this.bindEvent(this,fun))

    },

    RightDownMouseDown:function(){

        var e=arguments[0]

        this.para={};

        this.para.mouseX=e.clientX;

        this.para.mouseY=e.clientY;

        this.para.cutWidth=this.cut.offsetWidth;

        this.para.cutHeight=this.cut.offsetHeight;

        this.addEvent(document,"mousemove",this.bindEvent(this,this.RightDownMouseMove));

        this.addEvent(document,"mouseup",this.bindEvent(this,this.RightDownMouseUp));

//        var handler = this;

//        document.onmousemove=function(e){

//            e=e||window.event;

//            handler.RightDownMouseMove(e);

//        }

//        document.onmouseup=function(){

//            document.onmousemove=null;

//            document.onmouseup=null;

//        }

    },

    RightDownMouseMove:function(){

        var e=arguments[0]

        e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true);

        window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

        this.cut.style.width=e.clientX-this.para.mouseX+this.para.cutWidth+"px";

        this.cut.style.height=e.clientY-this.para.mouseY+this.para.cutHeight+"px";

        var rectTop=(parseInt(this.cut.style.top)+1)+"px";//加1边框

        var rectRight=(parseInt(this.cut.style.left)+parseInt(this.cut.style.width)+1)+"px";

        var rectBottom=(parseInt(this.cut.style.top)+parseInt(this.cut.style.height)+1)+"px";

        var rectLeft=(parseInt(this.cut.style.left))+"px";

        this.cutImg.style.clip="rect("+rectTop+" "+rectRight+" "+rectBottom+" "+rectLeft+")";

    },

    RightDownMouseUp:function(){

        this.deleteEvent(document,"mousemove",this.RightDownMouseMove);

        this.deleteEvent(document,"mouseup",this.RightDownMouseUp);

    },

    bindEvent:function(obj,fun){

          return function(e){

            return fun.apply(obj,[e||window.event]);

          }

    },

    addEvent:function(oTarget,name,funName){

        if(oTarget.addEventListener) {  

             oTarget.addEventListener(name,funName,false);  

        }

        else if(oTarget.attachEvent) {  

             oTarget.attachEvent("on" +name,funName);  

        }

        else{  

             oTarget["on" + name] = funName;  

        } 

    },

    deleteEvent:function(oTarget,name,funName){

        if(oTarget.removeEventListener) {  

            oTarget.removeEventListener(name,funName,false);  

        } 

        else if(oTarget.detachEvent) {  

            oTarget.detachEvent("on" + name,funName);  

        }

        else{  

            oTarget["on" + name] = null;  

        } 

    }

}

huangwenquan123 2011-07-09

打赏
举报

[Quote=引用 14 楼 lsw645645645 的回复:]
引用 10 楼 huangwenquan123 的回复:
addEvent:function(oTarget,name,funName){
var args = Array.prototype.slice.call(arguments).slice(3);
var regHandler=funName
if(args.length>0){
regHandler=function(e){
……
[/Quote]可以的

huangwenquan123 2011-07-09

打赏
举报

怕发太多更没人愿意看，现在全部发出来,第2个问题解决了，只要帮忙解决第一个就好，不知道为什么,mouseup事件总是失败！



var Resize=Class.create();//这个没差，就不发了，相当于构造函数，new的时候会执行init

Resize.prototype={

    init:function(content,cut,cutImg){

        this.content=content;

        this.cut=cut;

        this.cutImg=$(cutImg);

    },

    Set:function(funCase){

        var fun;

        switch(funCase){

            case "RightDown":

                fun=this.RightMouseDown;

                break;

            default:break;

        }

        this.addEvent("mousedown",fun,[this])

    },

    RightMouseDown:function(){

        var handler = arguments[1];

        var e=arguments[0]

        var para={};

        para.mouseX=e.clientX;

        para.mouseY=e.clientY;

        para.cutWidth=handler.cut.offsetWidth;

        para.cutHeight=handler.cut.offsetHeight;

        handler.addEvent("mousemove",handler.RightMouseMove,[handler,para]);

        handler.addEvent("mouseup",handler.RightMouseUp,[handler]);

    },

    RightMouseMove:function(){

	    var e=arguments[0]

        var handler=arguments[1];

        var para = arguments[2];

	    e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true);

	    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

        handler.cut.style.width=e.clientX-para.mouseX+para.cutWidth+"px";

        handler.cut.style.height=e.clientY-para.mouseY+para.cutHeight+"px";

        var rectTop=(parseInt(handler.cut.style.top)+1)+"px";//加1边框

        var rectRight=(parseInt(handler.cut.style.left)+parseInt(handler.cut.style.width)+1)+"px";

        var rectBottom=(parseInt(handler.cut.style.top)+parseInt(handler.cut.style.height)+1)+"px";

        var rectLeft=(parseInt(handler.cut.style.left))+"px";

        handler.cutImg.style.clip="rect("+rectTop+" "+rectRight+" "+rectBottom+" "+rectLeft+")";

    },

    RightMouseUp:function(){

        var handler = arguments[1];

        handler.deleteEvent("mousemove",handler.RightMouseMove);

        handler.deleteEvent("mouseup",handler.RightMouseUp);

    },

    addEvent:function(name,funName,para){

        var regHandler = funName;

        if(para){

            regHandler=function(e){

                funName.apply(this,[e||window.event].concat(para));

            }

        }

        if(document.addEventListener){

            document.addEventListener(name,regHandler,false);

        }

        else{

            document.attachEvent("on"+name,regHandler);

        }

    },

    deleteEvent:function(name,funName){

        if(document.addEventListener){

            document.removeEventListener(name,funName,false);

        }

        else{

            document.detachEvent("on"+name,funName);

        }

    }

}

挨踢直男 2011-07-09

打赏
举报

你代码没发全

tiankongfeiwu2008 2011-07-09

打赏
举报

今天我们前段开发工程师，去总部了。不然叫他帮一下你

tiankongfeiwu2008 2011-07-09

打赏
举报

兄弟，我才开始学习呢。帮不了你。但还是回帖。

huangwenquan123 2011-07-09

打赏
举报

周六还有人吗！

wang_jian_999 2011-07-09

打赏
举报

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

http://wang_jian_999.download.csdn.net/

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,<