解决Extjs中textarea不支持keyup事件的问题

最近用到Ext.form.textarea, 在监听事件中添加了keyup事件，并将enableKeyEvents属性设为true，但并不执行该事件，不知道是什么原因？ Ext.form.textfield则没有任何问题。
JScript code：
/*
* Ext JS Library 2.2.1
* Copyright(c) 2006-2009, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.onReady(function() {
var form = new Ext.form.FormPanel({
baseCls: ‘x-plain’,
layout:’absolute’,
url:’save-form.php’,
defaultType: ‘textfield’,
items: [{
x: 0,
y: 5,
xtype:'label',
text: 'Send To:' },{
x: 60,
y: 0,
name: 'to',
anchor:'100%' // anchor width by percentage
},{
x: 0,
y: 35,
xtype:'label',
text: 'Subject:'
},{
x: 60,
y: 30,
enableKeyEvents: true,
name: 'subject',
anchor: '100%', // anchor width by percentage
listeners: {
keyup: function(src, evt){
alert(src.getValue()); }
}
},{
x:0,
y: 60,
xtype: 'textarea',
name: 'msg',
enableKeyEvents: true,
anchor: '100% 100%', // anchor width and height,
listeners: {
keyup: function(src, evt){
alert(src.getValue()); } } }] });
var window = new Ext.Window({
title: ‘Resize Me’,
width: 500,
height:300,
minWidth: 300,
minHeight: 200,
layout: ‘fit’,
plain:true,
bodyStyle:’padding:5px;’,
buttonAlign:’center’,
items: form, buttons: [{
text: 'Send' },{
text: 'Cancel' }] });
window.show(); });

Answer:textarea的构造函数是一个完整的可独立的对象。代码如下：
textarea.js
JScript code

Ext.onReady(function(){
var p = new Ext.Panel
title: ‘My Panel’,
collapsible:true,
renderTo: ‘tt’,
width:400,
height: 300,
items:[ {
x: 100,
y: 0,
xtype: 'textarea',
name: 'msg',
enableKeyEvents: true,
height:'100%',
width:'100%',
listeners: {
keyup: function(src, evt){
alert(src.getValue()); } } } ] }); });

textarea.html:
HTML code：
<html>
<head>
<title>Textarea</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>

<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

<link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
</head>
<body>
<div id="tt"></div>
</body>

</html>

此文转载自Web开发之答疑解惑源www.znjcx.com，如需转载，请注明原文出处：http://www.znjcx.com/html/y2012/891_solve-the-problem-of-extjs-textarea-keyup-event-is-not-supported-in.html，谢谢！

转载于:https://blog.51cto.com/znjcx/1099963

解决Extjs中textarea不支持keyup事件的问题相关推荐

html+监听+页面滚动到底部,解决HTML5中滚动到底部的事件问题
问题:在H5中,我们有这样的需求:例如有列表的时候,滚动到底部时,需要加载更多. 解决方案:可以采用window的滚动事件进行处理分析:如果滚动是针对整个屏幕而言的(不针对于某个界面小块),那么这个 ...
【软件问题】解决WPS中的VBA支持库安装问题（亲测可用）
[软件问题]解决WPS中的VBA支持库安装问题(亲测可用) 一键解决WPS中的VBA支持库安装问题,下载软件后,直接默认即可,亲测可用: 链接:https://pan.baidu.com/s/18C_ ...
解决Extjs中Combobox显示值和真实值赋值问题
用过Extjs的朋友相信都知道在Extjs的Combobox组件中是由两个值来组成的.一个是displayField这个是用来显示给我们看的,而另一个是真正给系统用的valueField,举个例子会 ...
vue项目中textarea阻止默认换行事件
需求如下: textarea中,输入回车键时添加分号分析需求,分下面几步阻止默认回车换行获取值并添加分号 <!-- 此处使用了Vue语法中的事件修饰符 keydown.enter --&g ...
小程序中textarea点击按钮事件
textarea 的 blur 事件会晚于页面上的 tap 事件,如果需要在 button 的点击事件获取 textarea,可以使用 form 的 bindsubmit. <view clas ...
解决element-ui中表格行点击事件和表格单元格点击事件冲突的问题
element-ui中如果同时设置了表格行点击事件和表格单元格点击事件的化,当点击单元格的时候会因为事件冒泡触发表格行点击事件,这不是我们需要的要解决这种事件冲突的问题,只需要在单元格的点击事件上加 ...
vue中textarea监听粘贴事件获取图片
html中代码: <el-inputid="textarea"v-model="value"type="textarea"maxlen ...
解决WPS中的VBA支持库安装问题
在 WPS中宏需要VBA支持库在网上看了好多基本都是垃圾文件 ,用不了话不多说 ,自己亲身经历直接用链接: https://pan.baidu.com/s/1yLHaGBtMwBbXpCotZ ...
解决vue中textarea不换行
换行问题: vue 中用 {{}} 进行数据绑定的时候,如果你想让字符串换行是不生效的解决办法:不用上边的方式进行数据绑定,用v-html标签代替{{}} data中的str为 "111 ...

解决Extjs中textarea不支持keyup事件的问题

解决Extjs中textarea不支持keyup事件的问题相关推荐

最新文章

热门文章