EXTJS 事件相关示例

最新推荐文章于 2022-12-06 18:04:01 发布

原创最新推荐文章于 2022-12-06 18:04:01 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #button #javascript #浏览器 #input

EXTJS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了不同浏览器下的事件绑定方法，包括IE浏览器特有的attachEvent方法、Firefox等浏览器通用的addEventListener方法，以及Extjs框架提供的事件绑定方式。此外，还详细讲解了Extjs中自定义事件的创建与监听，以及如何利用Ext.EventObject获取事件详细信息。

标准的事件绑定方式 <body> <input type='button' id='btn' value='ok'> </body> <mce:script language="JavaScript"></mce:script> Extjs方式的事件绑定 Ext.onReady(function(){ function hello1(){ alert('hello1'); } function hello2(){ alert('hello2'); } var button = Ext.get('btn'); button.addListener('click',hello1);//绑定事件处理函数 button.addListener('click',hello2); }); firefox浏览器的事件绑定 <body> <input type='button' id='btn' value='ok'> </body> <mce:script language="JavaScript"></mce:script> Extjs支持的自定义事件 <mce:script type="text/javascript"></mce:script> 或者： <mce:script type="text/javascript"></mce:script> 事件拦截器的使用 <mce:script type="text/javascript"></mce:script> Ext.EventObject e 示例 <script type="text/javascript"> var btn = Ext.get('buttonTest'); btn.addListener('click',handler);//为click事件绑定处理函数 function handler(e){//事件处理函数 //获取事件发生时间 var time = (new Date(e.getTime())).format('Y-m-d H:m:s'); //获取事件发生时的x坐标 var x = e.getPageX(); //获取事件发生时的y坐标 var y = e.getPageY(); var msg = '事件发生时间 : '+time+'/n'+ '事件发生坐标 : x='+x+' y='+y; alert(msg); } </script> Ext.EventManager应用举例绑定处理事件 <script type="text/javascript"> Ext.onReady(function(){ Ext.EventManager.addListener('btn','click',handler);//绑定处理函数 function handler(){//事件处理函数 alert('hello'); } }); </script> </HEAD> <BODY> <input type='button' value='say' id='btn'> </BODY> </HTML>