`
weina
  • 浏览: 142748 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

dom onclick and dojo onClick

    博客分类：
  • dojo
Dojo 
阅读更多
简单介绍一下dom的onclick是件和dojo的weight的onClick事件的不同
1、首先从字幕上区分一个是onclick，另一个是onClick
2、获得元素的方式不同，前者通过dojo.byId('id');后者通过digit.byId('id');
3、

<html>
<head>
<script type="text/javascript" src="http://localhost/dojo/dojo.js" djconfig="isDebug:true,parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dataPd");
dojo.addOnLoad(function(){
dojo.connect(dojo.byId("div1"),"onclick",function(){
console.log("onclick1----");
})
dojo.connect(dijit.byId("div1"),"onClick",function(){
console.log("onclick2----");
})
});
</script>
</head>
<body>
button: <div id="div1" dojoType="dataPd">1111111111111111111111111111
<script type="dojo/method" event="onClick">
console.log("1----------------");
//此方法相当于覆盖了weight的postCreate里的方法；
</script>
                       <script type="dojo/connent" event="onClick">
//此dojo/connect相当于上面的dojo.connent()方法，而上面的dojo/method,则相当于weight建立是的postCreate()的方法，在weight创建的时间就执行的方法
console.log("1----------------");
</script>
</div>
</body>
</html>






即下面的：


dojo.provide("dataPd");
dojo.require("dijit.form.Button");
dojo.require("accept");
dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.declare('dataPd', [dijit._Widget, dijit._Templated], {
    widgetsInTemplate: true,
    templateString:'<div>Click</div>',
    oddEvent:function(){
        for(var i=0;i<10;i++){
            if(i%2==0)
            {
                dojo.publish("oddEvents",[i]); //如果判断i为偶数，这发布一个事件，传递的参数为此时i的值ֵ
            }
        }
    } ,
    _onClick:function(){
          var myObject=new accept();
          dojo.subscribe("oddEvents", myObject,'eventAccept');//点击onClik时订阅这个事件（只需订阅一次即可）即每当oddEvents事件被发布时，即调用myObject对象中的eventAccept函数，通常情况下eventAccept函数应该有一个参数用来接收
          this.oddEvent();
    },
   postCreate:function(){
    this.onClick = function(){
    console.log("1-");
    };
    alert("--------");
    },
    constructor:function(){
    console.log('-----------');
    }

});




分享到：
| dojo 发布和订阅
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics