extjs 学习之获取焦点和失去焦点事件

最新推荐文章于 2021-02-01 03:25:32 发布

原创最新推荐文章于 2021-02-01 03:25:32 发布 · 8.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #html

extjs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用ExtJS处理文本框的获得焦点(focus)和失去焦点(blur)事件。通过创建Ext.form.field.Text实例并为其添加监听器，或者直接通过Ext.get方法选择DOM元素并绑定事件处理程序，可以轻松实现这两类事件的响应。

 
   在学习extjs的过程中，在对文本框进行编辑是，常常会遇到获取焦点和失去焦点后需要进行一些操作的情况：下面的两个例子分别说了在不同情况下焦点变化的响应情况。

在extjs内部的field字段中，blur表示失去焦点（英文释义为模糊），focus表示得到焦点。

var field = Ext.create("Ext.form.field.Text" , {

    listeners:{

        blur: function(){

            //失去焦点事件

        } , 

        focus: function(){

            //获取焦点

        }

    }

});

//如果是通过extjs操作当前页面中的input..

//<input type='text' id="myid">

var el = Ext.get("myid");

el.on({

        blur: function(){

            //失去焦点事件

        } , 

        focus: function(){

            //获取焦点

        }

});