收集的几个不错的javascript类小例子

时间:2020-05-12 人气:0

具体功能运行后看效果

function f1() 
{ 
    output.innerHTML+="f1 runs!!
"; 
} 
function f2() 
{ 
    output.innerHTML+="f2 runs!!
"; 
} 
function f3() 
{ 
    output.innerHTML+="f3 runs!!
"; 
}

</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

顺便贴上winter以前写的东西
winte有空的时候快来帮我加点注释
我加不动了……

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

一个功能更强大的

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>新建网页 1</title> 
<script language="javascript"> 
if(typeof asfman == "undefined") asfman = {}; 
//through below method dispath events should note:addEventListener's eventType should not conflict with method 
asfman.onMethodExecute = function(obj,method,eventType,beforeMethod,evt) 
{ 
    var old = obj[method] || function(){}; 
    evt = evt || {}; 
    obj[method] = function() 
    { 
        evt.arguments = arguments; 
        beforeMethod && this.dispatchEvent(eventType,evt); 
        old.apply(this,arguments); 
        beforeMethod || this.dispatchEvent(eventType,evt); 
    } 
} 
asfman.EventManager = function() 
{ 
    this.dispatchEvent = function(eventType, eventArgs) 
    { 
        eventArgs = eventArgs || {}; 
        var events = this["on"+eventType]; 
        var called = 0;

if(events && typeof(events) == "function") events = [events]; 
        if(!eventArgs.type) eventArgs.type = eventType; 
         
        if(events) 
        { 
            var len=events.length; 
            var capturer=events.capturer; 
            var capturerName=events.capturerName; 
            var evt; 
            for(var i=0;i<len;i++) 
            { 
                evt = events[i]; 
                called++; 
                evt.call(this,eventArgs); 
                if(!eventArgs.cancelBubble && called == len && capturer && capturerName && capturer[capturerName]) 
                { 
                //if eventArgs.cancelBubble is not set true and..,run the capturer function 
                    capturer[capturerName](eventArgs); 
                } 
                if(called == len && eventArgs.defaultOp)  
                { 
                //if exists the defaultOp function ,run it 
                    eventArgs.defaultOp.call(this, eventArgs); 
                }             
            } 
        } 
        else if(eventArgs.defaultOp) 
        { 
            eventArgs.defaultOp.call(this, eventArgs); 
        } 
    } 
     
    this.captureEvents = function(target, eventType, capturerName, closure) 
    { 
        if(typeof capturerName == "function") 
        { 
            closure = capturerName; 
            capturerName = null; 
        } 
        capturerName = capturerName || "on" + eventType; 
         
        target["on"+eventType] = target["on"+eventType] || [function(){}]; 
        var events = target["on"+eventType]; 
        if(typeof(events) == "function") 
        { 
            target["on"+eventType] = [events]; 
        } 
         
        target["on"+eventType].capturer = this; 
        target["on"+eventType].capturerName = capturerName;

if(closure)    this[capturerName] = closure; 
    }

this.addEventListener = function(eventType, closure) 
    { 
        if(this["on"+eventType] == null) 
        { 
            this["on"+eventType] = []; 
        } 
        var events = this["on"+eventType]; 
        if(events && typeof(events) == "function"){ 
            this["on"+eventType] = [events];         
            events = this["on"+eventType]; 
        } 
        events.push(closure); 
        return closure; 
    }

this.removeEventListener = function(eventType, closure) 
    { 
        var events = this["on"+eventType]; 
        if(events && typeof(events) == "function") 
            events = [events];         
         
        for(var i = 0; i < events.length; i++) 
        { 
            if(events[i] == closure) events.splice(i, 1); 
        } 
        return closure; 
    } 
} 
</script> 
</head>

<body> 
<div>click on me</div> 
<div></div> 
<script> 
var obj1 = document.getElementById("test"),obj2 = document.getElementById("test2"); 
asfman.EventManager.call(obj1); 
obj1.addEventListener("test",function(){obj2.innerText = " test ";}); 
obj1.addEventListener("test",function(){alert("test");}); 
asfman.onMethodExecute(obj1,"onclick","test"); 
</script> 
</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容