js中自定义事件初探

本demo实现了自定义一个对象，监听其某个属性的变化。

      //define data object
        var data = {};
        data.name="cup";
        data.volume = 500;
        data.temprature = 80;

        data.updatetemp=function(temp){
            data.temprature = temp;
            window.dispatchEvent(dataEvent);
            
        }
        
        data.onchange=function(callback){
            window.addEventListener('tempChanged',function(evt){
                callback(evt)
            });
        }
        var dataEvent = new Event("tempChanged");



        // test 
        data.onchange(function(evt){
            alert(evt)
        })

        data.updatetemp(91);//alert(evt)
        data.updatetemp(80);//alert(evt)