Ext JS学习第十六天事件机制event（一）

此文用来记录学习笔记；

休息了好几天，从今天开始继续保持更新，鞭策自己学习

今天我们来说一说什么是事件,对于事件，相信你一定不陌生，

基本事件是什么？就类似于click、keypress、focus、mouseover等这些事件都是浏览器定义好的内置事件，我们直接使用即可。对于高级事件，无非就是自己去设计一个事件，就比如我们实际项目中，通常都伴随些业务逻辑，可能是曾删改查等...这些事件都是非原生事件，也就是浏览器无法自行判别触发的。但是我们确实有需求去实现他们，从而让我们开发起来更爽一些。

首先我们来看事件的几种绑定方式：

第一种html方式：很简单直接给出代码

<body>
<input type="button" id="btn1" value="第一种事件绑定方式" onClick="hello()">
</body>

第二种绑定方式：dom方式

首先我们先构造几个按钮

<body>
<input type="button" id="btn1" value="第一种事件绑定方式" onClick="hello()"><br>
<input type="button" id="btn2" value="第二种事件绑定方式"><br>
<input type="button" id="btn3" value="第三种事件绑定方式"><br>
<input type="button" id="btn4" value="单击我吧"><br>
<input type="button" id="btn5" value="按钮5">
</body>

好了，开始第二种绑定方式，看栗子

(function(){Ext.onReady(function(){if(Ext.isIE){document.getElementById("btn2").attachEvent("onclick",function(){alert("第二种事件绑定方式");});}else{document.getElementById("btn2").addEventListener("click",function(){alert("第二种事件绑定方式");});        }})
})();

第三种绑定方式：Ext方式

(function(){Ext.onReady(function(){Ext.get('btn3').on("click",function(){alert("第三种事件绑定方式");})})
})();

明天我们继续学习如何自定义事件进行触发

个人网站 www.fishcmonkey.com

转载于:https://www.cnblogs.com/lisr/p/3952081.html

Ext JS学习第十六天事件机制event（一）相关推荐

Java学习第十六天（泛型）
Java学习第十六天---泛型与集合第一章泛型 1.1 泛型概述 1.2 泛型类 1.3 泛型类练习---抽奖问题 1.4 泛型类的子类 1.5 泛型接口 1.6 重写泛型父类或泛型接口中方法的 ...
Apache Nutch 1.3 学习笔记十（插件机制分析）
1. 一些对象说明 PluginRepository:这是一个用于存储所有插件描述对象(PluginDescriptor),插件扩展点(ExtensionPoint)和被激活的插件. PluginDe ...
驱动学习（十）poll机制
驱动学习(十)poll机制文章目录驱动学习(十)poll机制 1. io多路复用思想: 2. 驱动如何实现poll机制呢? 3.测试 1. io多路复用思想: 1 构建一张文件描述符集合表 fd_ ...
游戏策划学习第二十六天
游戏策划学习第二十六天 5/26 看书笔记: 使命感的重要性: 维基百科的维护工作,一则不当的内容在维基百科会在平均1.7秒内被志愿者人工审核去除.表层上讲,这是因为他们有责任心,但是从他们的动机角度 ...
Spring事件机制Event源码解析（未完待续）
Spring事件机制Event源码解析(未完待续) 监听器: ApplicationEvent事件 ApplicationListener监听器(观察者) ApplicationEventMultic ...
JS 进阶: 深入理解键盘事件 Keyboard Event
JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...
Vue.js 学习笔记十自定义按键事件
<div id="divApp"><input type="text" v-on:keyup=& ...
JavaScript学习第十六天（键盘事件、表单事件、拖拽事件、框架事件、媒体事件）
文章目录键盘事件表单事件剪贴板事件拖拽事件打印事件框架事件媒体事件总结键盘事件 onkeydown 键盘按下事件,当有按键按下时触发 onkeyup 键盘松开事件,当有按键被松开时触 ...
Ext JS 5的声明式事件监听
原文:Declarative Listeners in Ext JS 5 在前文<在Ext JS 5使用ViewControllers>中,简单的介绍了Ext JS 5的一项重要改进--声 ...

Ext JS学习第十六天事件机制event（一）

Ext JS学习第十六天事件机制event（一）相关推荐

最新文章

热门文章

Ext JS学习第十六天 事件机制event（一）

Ext JS学习第十六天 事件机制event（一）相关推荐

最新文章

热门文章

Ext JS学习第十六天事件机制event（一）

Ext JS学习第十六天事件机制event（一）相关推荐