Code highlighting prodUCed by Act
ipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><script language=
javascript src="prototype1.3.1.js"></script>
<script language=
Javascript src="yahoo.js"></script>
<script language=javascript src="event.js"></script>
<body>
<div id="dragDiv">
<img src="http://www.
QQread.com/java/img.jpg" style="width:280px;height:200px"></img>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
if(window.attachEvent){
}else{
alert("為了測(cè)試，請(qǐng)用ie");
}
function DragListener(){
this.down=function(){
return false;
},
this.move=function(){
var x=Event.pointerX(event);
var y=Event.pointerY(event);
window.status="x="+x+";y="+y;//僅在ie下可以運(yùn)行，為了測(cè)試
return false;
}
}
var obj=new DragListener();
//因?yàn)槲蚁朐诜椒ㄖ杏胦bj對(duì)象的內(nèi)容，所以我用prototype.js的bind方法改變方法的 ”調(diào)用對(duì)象“
//當(dāng)我下壓鼠標(biāo)拖動(dòng)時(shí)，會(huì)出現(xiàn)異常
/*
$("dragDiv").onmousedown =obj.down.bind(obj);
$("dragDiv").onmousemove = obj.move.bind(obj);
*/
/*
$("dragDiv").onmousedown =obj.down;//正確 但我們?cè)诜椒ㄖ杏胻his訪問(wèn)到的對(duì)象是 dom
$("dragDiv").onmousemove = obj.move;//正確
*/
/*
$("dragDiv").onmousedown =associateObjWithEvent(obj,'down');//正確
$("dragDiv").onmousemove = associateObjWithEvent(obj,'move');//正確
*/
Event.observe("dragDiv","mousedown",obj.down.bindAsEventListener(obj),true);
/*
Function.prototype.bind = function(object) {
var __method = this;
return function() {
__method.apply(object, arguments);
}
}
*/
var fun=obj.move.bind(obj); //錯(cuò)誤,bind函數(shù)有問(wèn)題呀
fun=function(){return obj.move.apply(obj)}; //正確
Event.observe("dragDiv","mousemove",fun,true);
//YAHOO.util.Event.addListener("dragDiv", "mousedown", obj.down, obj, true);//正確
//YAHOO.util.Event.addListener("dragDiv", "mousemove", obj.move, obj, true);//正確
function associateObjWithEvent(obj, methodName){
return (function(e){
e = ewindow.event;
return obj[methodName](e);
});
}
//-->
</SCRIPT>
</body>
