1.事件的3中绑定方式
HTML/DHTML
DOM
HTML/DHTML
DOM
EXTJS
第一种:直接在页面里面写function即可,附上组件一个function,触发即可:
第二种操作DOM的,第三种是用框架操作的【这里是EXTJS】
(function(){
Ext.onReady(function(){
if(Ext.isIE){
document.getElementById("btn2").attachEvent("onclick",function(){
alert("第二种绑定事件的方式")
});
}else{
document.getElementById("btn2").addEventListener("click",function(){
alert("第二种事件请求的方式");
});
}
//基于事件捆绑的机制
Ext.get('btn3').on("click",function(){
alert("第三种事件绑定方式");
});
});
})();
下面这段断码值得好好的研究一下:【设计到事件绑定】第一个button,是绑定在第二个button上的,第二个button已经给第一个button注册了单击事件了,所以在第二个按钮不消失之前,第一个按钮被单击后会触发事件,但是当第二个按钮由于第三个按钮触发而消失的时候,第一个按钮的单击事件自动消失了。
(function(){
Ext.onReady(function(){
var tbar = Ext.create('Ext.toolbar.Toolbar',{
renderTo:Ext.getBody(),
width:500,
items:[
{xtype:'button',id:'create',text:'create'},
{xtype:'button',id:'delete',text:'delete'},
{xtype:'button',text:'销毁删除按钮',handler:function(){
var c = Ext.getCmp("delete");
if(c){
c.destroy();
}
}}
]
});
var deleteB = Ext.getCmp("delete");
deleteB.addManagedListener(Ext.getCmp("create"),'click',function(){
alert('添加操作');
});
//Ext.getCmp("create").on("click",function(){});
});
})();
下面这行代码挺有意思的:给组件添加函数
Ext.onReady(function(){
Ext.EventManager.addListener("btn5",'click',function(){
alert("通过事件管理器进行事件的监听注册");
})
})