ExtJs监听回车事件

这段代码展示了如何在ExtJs的HtmlEditor中添加事件监听,特别是针对回车键的监听。通过覆盖initComponent和initEditor方法,并根据浏览器类型绑定不同的键盘事件,当在编辑器内按下Ctrl+Enter时,会触发自定义的'submit'事件,弹出提示框显示'提交信息'。
  1. /**  
  2.  * 在线编辑器增加事件  
  3.  *   
  4.  * auhtor:chenph  
  5.  * date:2016/7/25  
  6.  */  
  7. Ext.form.HtmlEditor.override({  
  8.     frame : true,  
  9.     initComponent: function() {  
  10.         this.callOverridden();  
  11.         this.addEvents('submit');  
  12.     },  
  13.   
  14.     initEditor : function() {  
  15.         this.callOverridden();  
  16.   
  17.         var me = this;  
  18.         var doc = me.getDoc();  
  19.   
  20.         if (Ext.isGecko) {  
  21.             Ext.EventManager.on(doc, 'keypress', me.fireSubmit, me);  
  22.         }  
  23.   
  24.         if (Ext.isIE || Ext.isWebKit || Ext.isOpera) {  
  25.             Ext.EventManager.on(doc, 'keydown', me.fireSubmit, me);  
  26.         }  
  27.     },  
  28.   
  29.     fireSubmit : function(e) {  
  30.         if (e.ctrlKey && Ext.EventObject.ENTER == e.getKey()) {  
  31.             alert('提交信息');  
  32.         }  
  33.     }  
  34. });  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值