<!DOCTYPE html>

<html>

  <head>

    <title>hello-extjs</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <!-- 引入extjs样式文件 -->

    <link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css" />

    <!-- 引入extjs库文件，底层驱动 -->

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

    <!-- 引入extjs-all -->

    <script type="text/javascript" src="ext-3.4.1/ext-all.js"></script>

    <!-- <script type="text/javascript" src="extjs/ext-lang-zh_CN.js" charset="utf-8"></script> -->

    <script type="text/javascript" src="event.js"></script>

    <script type="text/javascript">

    </script>

  </head>

  <body>

     <div id="hello"></div>

     <a id="link1">普通链接1</a><br>

     <a id="link2">普通链接2</a><br>

     <a id="link3">普通链接3</a><br>

     <div id="btn1"></div><br>

     <div id="btn2"></div><br>

  </body>

</html>

event.js

/**

 *

 */

function btnClick(btn,e){

    var win = new Ext.Window({

                title:"win_" + btn.text,

                width:300,

                height:200

            });

    win.on("beforeshow",function(){

        return confirm("是否真要显示？");

    });

    win.show();

} 

Ext.onReady(function(){

    Ext.get("link1").on("click",function(e){

        //alert(e);

        //alert(e.constructor);

        //alert(e.preventDefault);

        alert("delay相当于setTimeout(),延迟执行");

    },this,{delay:2000});

    Ext.get("link2").on("click",function(e){

        //alert(e);

        //alert(e.constructor);

        //alert(e.preventDefault);

        alert("single:true表示只能执行一次，执行一次后再点击没有反应");

    },this,{single:true});

    Ext.get("link3").on("click",function(e){

        //alert(e);

        //alert(e.constructor);

        //alert(e.preventDefault);

        alert("buffer:500表示500ms内无论点击多少次只能执行一次");

    },this,{buffer:500});

    var btn1 = new Ext.Button({text:"我的按钮1"});

    btn1.render("btn1");

    btn1.on("click",btnClick);

    var btn2 = new Ext.Button({text:"我的按钮2",listeners: {
    　　　　click : btnClick
   　　　　}
  　　});
 　　btn2.render("btn2");
});

Extjs 事件监听的更多相关文章

  1. extjs 事件监听 三种方式

    xtype : 'textarea', name : 'dataSetField', labelSeparator:'', fieldLabel:'', hideLabel: true, allowB ...

  2. ExtJs内的datefield控件选择日期过后的事件监听select

    [摘要]: 选择时间过后我们为什么需要监听事件?一般有这样一种情况,那就是用于比较两个时间大小或者需要判断在哪个时间点上需要做什么样的操作.基于这样的种种情况,我们很有必要琢磨一下datefield控 ...

  3. Java中用得比较顺手的事件监听

    第一次听说监听是三年前,做一个webGIS的项目,当时对Listener的印象就是个"监视器",监视着界面的一举一动,一有动静就触发对应的响应. 一.概述 通过对界面的某一或某些操 ...

  4. 4.JAVA之GUI编程事件监听机制

    事件监听机制的特点: 1.事件源 2.事件 3.监听器 4.事件处理 事件源:就是awt包或者swing包中的那些图形用户界面组件.(如:按钮) 事件:每一个事件源都有自己特点有的对应事件和共性事件. ...

  5. Node.js 教程 05 - EventEmitter(事件监听/发射器 )

    目录: 前言 Node.js事件驱动介绍 Node.js事件 注册并发射自定义Node.js事件 EventEmitter介绍 EventEmitter常用的API error事件 继承EventEm ...

  6. .NET事件监听机制的局限与扩展

    .NET中把“事件”看作一个基本的编程概念,并提供了非常优美的语法支持,对比如下C#和Java代码可以看出两种语言设计思想之间的差异. // C#someButton.Click += OnSomeB ...

  7. 让 select 的 option 标签支持事件监听（如复制操作）

    这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置 查了一些资料,姑且认为 ...

  8. [JS]笔记12之事件机制--事件冒泡和捕获--事件监听--阻止事件传播

    -->事件冒泡和捕获-->事件监听-->阻止事件传播 一.事件冒泡和捕获 1.概念:当给子元素和父元素定义了相同的事件,比如都定义了onclick事件,点击子元素时,父元素的oncl ...

  9. [No00006A]Js的addEventListener()及attachEvent()区别分析【js中的事件监听】

    1.添加时间监听: Chrom中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target ...

随机推荐

  1. ZCTF2015 pwn试题分析

    ZCTF的pwn赛题分析, PWN100 这道题与SCTF的pwn100玩法是一样的,区别在于这个要过前面的几个限制条件.不能触发exit(0).否则就不能实现溢出了. 依然是触发canary来lea ...

  2. js对象的属性：数据(data)属性和访问器(accessor)属性

    此文为转载,原文: 深入理解对象的数据属性与访问器属性 创建对象的方式有两种:第一种,通过new操作符后面跟Object构造函数,第二种,对象字面量方式.如下 var person = new Obj ...

  3. LANMPS 一键PHP环境安装包（转）

    转:http://www.lanmps.com/ LANMPS 一键安装包,php绿色环境套件包: https://github.com/foxiswho/lanmps 安装 Mar 17, 2017 ...

  4. 解决mysql不能远程登入的问题

    mysql远程不能登入,问题就在于当时设置的账号只限制本地访问,mysql默认也只是本地访问. 之前的设置: 通过命令行登录管理MySQL服务器(提示输入密码时直接回车): mysql> /us ...

  5. 15 链表中倒数第k个结点

    输入一个链表,输出该链表中倒数第k个结点. p1先走k-1步,p1 p2再一起走 C++: /* struct ListNode { int val; struct ListNode *next; L ...

  6. C语言：写一函数，将两个字符串中的元音字母复制到另一个字符串，然后输出

    题目描述 写一函数,将两个字符串中的元音字母复制到另一个字符串,然后输出. 输入 一行字符串 输出 顺序输出其中的元音字母(aeiuo) 样例输入 abcde 样例输出 ae 编码: #include ...

  7. centos7 关闭默认firewalld，开启iptables

    编者按: 对于使用了centos6系列系统N年的运维来说,在使用centos7的时候难免会遇到各种不适应.比如防火墙问题.本文主要记录怎么关闭默认的firewalld防火墙,重新启用iptables. ...

  8. thinkphp3.2局部不缓存的静态缓存

    在thinkphp中,对于访问量大的网站可以用静态缓存来越过数据库瓶颈来提高访问速度,但有时候并不是整个页面都要缓存的,如登录的用户名部分,那么如何实现局部不缓存呢? 其实有多种方法,但对于Think ...

  9. C++实现平衡二叉树

    1.概念 平衡二叉树(AVL Tree)首先要满足二叉树的定义,如下 二叉排序树或者是一棵空树,或者是具有下列性质的二叉树: 若左子树不空,则左子树上所有结点的值均小于它的根结点的值: 若右子树不空, ...

  10. LOJ P3952 时间复杂度 noip 暴力 模拟

    https://www.luogu.org/problemnew/show/P3952 模拟,日常认识到自己zz. #include<iostream> #include<cstdi ...