Question

因为我对编程非常陌生，更特别是面向对象，并尝试在少数事情上学习/实验。我目前正在计算如何使用对象处理EXTERNAL JS文件中的MOUSE事件

var ABK={//external js file
    event:{
        onload:function (fn){
            window.onload=fn;
        },
        click:function (id,fn){
            ob=document.getElementById(id);
            ob.addEventListener("onClick", fn, false);
        }
    }

in html

<script language='javascript' src='abk.js'></script>    
<script language='javascript'>
        var init=function(){
            alert("works");
        }
        ABK.event.onload(init);//this works
        ABK.event.click("circle",init);//this wont work


    </script>

Answer 1

假设您有一个ID为circle的元素，那么您需要做的就是在abk.js中更改您的活动名称

ob.addEventListener("click", fn, false);

当使用addEventListener时，事件不包括“on”，如果您从元素的属性中分配时将使用它。

Answer 2

事实上，当我添加点击事件并且事件名称为“CLICK”时，该元素不存在。感谢并感谢您的回复和帮助。

click:function (id,fn){ 
  ob=document.getElementById(id);
  ob.addEventListener("click", fn, false); 
}

in html

var init=function(){ 
  //alert("works"); 
  ABK.event.click("circle",someTask); 
} 
var someTask=function(){
 //do somethin.. 
}
ABK.event.onload(init);//this works

对象中的鼠标事件处理

2 个答案: