zccst
- 浏览: 3322034 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具（开发）使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563：
感谢作者分享~请教下，http://www.lisa33xia ...
CSS基础：text-overflow:ellipsis溢出文本 -
u012206458：
$.ajax的error,complete,success方法 -
DEMONU：
谢谢，虽然不能给你赞助，但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes：
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础：text-overflow:ellipsis溢出文本 -
zenmshuo：
用过SpreadJS，也包含数据可视化的图表
推荐几个web中常用js图表插件
作者：zccst
一、UI事件
1，load
两种添加方式：js方式添加，<body onload="alert('Loaded')"></body>
img也可以触发load事件，无论在DOM中，还是HTML中，例如
<img src="smile.gif" onload="alert('Image loaded.')">，当然也可以用js方式实现
但一定要先添加事件，再指定src属性。
需要格外注意：新图像元素不一定要从添加到文档后才开始下载，主要设置了src属性就会开始下载。
2，unload
在文档被完全卸载后触发，如用户从一个页面切换到另一个页面。利用这个事件最多的情况是清除引用，以避免内存泄露。
3，resize
不同浏览器有不同的机制。IE，Safari，Chrome和Opera在浏览器窗口变化了1px时就触发，然后随着变化不断重复触发。FF只会在用户停止调整窗口时才触发。
所以，不能在该handler里加入大量计算的代码，导致浏览器变慢
4，scroll
二、焦点事件
blur, focus不冒泡（但focusin, focusout冒泡）
三、鼠标与滚轮事件
1，鼠标事件
mouseenter, mouseleave不冒泡
双击过程（七步走）：down -> up -> click -> down -> up ->click -> dbclick
2，坐标
event.clientX, event.clientY 浏览器左上角
event.pageX, event.pageY 坐标是从页面本身而非视口的左边和顶边计算的。
3，屏幕坐标
screenX, screenY，在屏幕中的坐标
4，修改键
shift, ctrl, alt, windows, (cmd)
四、键盘与文本事件
五、复合事件
六、变动事件
七、HTML5事件
1，contextmenu
2，beforeunload
可以用来取消卸载，并继续使用原有页面
3，DOMContentLoaded事件
load颇费周折，而DOMContentLoaded事件则在形成完整的DOM树之后就会触发，不理会img，Javascript文件、CSS文件或其他资源是否已经下载完毕。
与load事件不同，DOMContentLoaded支持在页面下载的早期添加事件处理程序，这也就意味着用户能够尽早地与页面进行交互。
要处理DOMContentLoaded事件，可以为document或window添加事件，尽管这个时间会冒泡到window，但它的目标实际上是document（其target是document）
IE9+, FF, Chrome, Safari 3.1+, Opera 9+都支持DOMContentLoaded事件。
对于不支持的浏览器，建议加一个0毫秒的超时调用，如下
4，readystatechange事件
批注：与XMLHTTPRequest对象的onreadystatechange只差了一个on。
IE支持，支持readystatechange事件的每一个对象都有一个readyState属性，可能包含下面5个值的一个：（未必所有阶段都经历）
uninitialized 未初始化
loading
loaded
interactive 交互。可以操作对象了，但还没有完全加载（如图片，js,css等）
complete 完毕
其中，readyState的interactive状态 与 DOMContentLoaded大致相同时刻触发readystatechange事件。
与load一起使用时，无法预测先后顺序。包含较多或较大外部资源时先于load，否则很难判断
5，pageshow, pagehide事件
6，hashchange事件
由于浏览器支持程度不同，最好还是使用location.hash
hashchange事件会在页面URL中的片段标识符(第一个#号开始到末尾的所有字符,包括#号)发生改变时触发.
特点：
冒泡
HTML5
不能取消默认行为
目标:defaultView
更多信息请参看：http://zccst.iteye.com/blog/2169437
八、设备事件
九、触摸与手势事件
一、UI事件
1，load
两种添加方式：js方式添加，<body onload="alert('Loaded')"></body>
img也可以触发load事件，无论在DOM中，还是HTML中，例如
<img src="smile.gif" onload="alert('Image loaded.')">，当然也可以用js方式实现
但一定要先添加事件，再指定src属性。
需要格外注意：新图像元素不一定要从添加到文档后才开始下载，主要设置了src属性就会开始下载。
2，unload
在文档被完全卸载后触发，如用户从一个页面切换到另一个页面。利用这个事件最多的情况是清除引用，以避免内存泄露。
3，resize
不同浏览器有不同的机制。IE，Safari，Chrome和Opera在浏览器窗口变化了1px时就触发，然后随着变化不断重复触发。FF只会在用户停止调整窗口时才触发。
所以，不能在该handler里加入大量计算的代码，导致浏览器变慢
4，scroll
二、焦点事件
blur, focus不冒泡（但focusin, focusout冒泡）
三、鼠标与滚轮事件
1，鼠标事件
mouseenter, mouseleave不冒泡
双击过程（七步走）：down -> up -> click -> down -> up ->click -> dbclick
2，坐标
event.clientX, event.clientY 浏览器左上角
event.pageX, event.pageY 坐标是从页面本身而非视口的左边和顶边计算的。
3，屏幕坐标
screenX, screenY，在屏幕中的坐标
4，修改键
shift, ctrl, alt, windows, (cmd)
四、键盘与文本事件
五、复合事件
六、变动事件
七、HTML5事件
1，contextmenu
2，beforeunload
可以用来取消卸载，并继续使用原有页面
3，DOMContentLoaded事件
load颇费周折，而DOMContentLoaded事件则在形成完整的DOM树之后就会触发，不理会img，Javascript文件、CSS文件或其他资源是否已经下载完毕。
与load事件不同，DOMContentLoaded支持在页面下载的早期添加事件处理程序，这也就意味着用户能够尽早地与页面进行交互。
要处理DOMContentLoaded事件，可以为document或window添加事件，尽管这个时间会冒泡到window，但它的目标实际上是document（其target是document）
EventUtil.addHandler(document, "DOMContentLoaded", function(event){
alert("DOMContentLoaded");
});
IE9+, FF, Chrome, Safari 3.1+, Opera 9+都支持DOMContentLoaded事件。
对于不支持的浏览器，建议加一个0毫秒的超时调用，如下
//在当前js处理完成后立即运行这个函数，为了确保这个方法有效，必须将其作为页面中的第一个超时调用；即便如此，也还是无法保证在所有环境中该超时调用一定会早于load事件被触发。
setTimeout(function(){
//在此添加事件处理程序
},0);
4，readystatechange事件
批注：与XMLHTTPRequest对象的onreadystatechange只差了一个on。
IE支持，支持readystatechange事件的每一个对象都有一个readyState属性，可能包含下面5个值的一个：（未必所有阶段都经历）
uninitialized 未初始化
loading
loaded
interactive 交互。可以操作对象了，但还没有完全加载（如图片，js,css等）
complete 完毕
其中，readyState的interactive状态 与 DOMContentLoaded大致相同时刻触发readystatechange事件。
与load一起使用时，无法预测先后顺序。包含较多或较大外部资源时先于load，否则很难判断
5，pageshow, pagehide事件
6，hashchange事件
由于浏览器支持程度不同，最好还是使用location.hash
hashchange事件会在页面URL中的片段标识符(第一个#号开始到末尾的所有字符,包括#号)发生改变时触发.
特点：
冒泡
HTML5
不能取消默认行为
目标:defaultView
更多信息请参看：http://zccst.iteye.com/blog/2169437
八、设备事件
九、触摸与手势事件
- 大小: 16.9 KB
分享到：
发表评论
-
js浏览器端判断当期是否在线
2015-04-17 20:50 2369作者：zccst 纯浏览器端解决办法就是轮询，img轮询和a ... -
scroll时判断向下滚动还是向上滚动
2015-03-30 16:53 38294作者：zccst 有时候需要用到，判断页面是向上还是向下滚动 ... -
[BOM]navigator知识点
2015-03-20 14:42 4848作者：zccst 历史 最早的时候有一个浏览器叫NCSA ... -
[html5]navigator.online属性检测用户是否在线
2015-03-20 14:11 5346作者：zccst navigator.online属性检测用 ... -
document.body、document.documentElement和window获取视窗大小的区别
2015-03-04 15:12 27660作者：zccst 参考网址：http://www.ido32 ... -
Document，Node，Element，HTMLDocument ，HTMLCollection，HTMLElement，NodeList
2015-01-05 15:38 7563作者：zccst 这个问题如 ... -
doctype和compatModel相关
2015-01-04 19:30 714作者：zccst 一、doctype 1，严格模式与混杂模 ... -
window.history
2014-12-23 10:37 10067作者：zccst 旧版： f ... -
js 页面刷新location.reload和location.replace的区别小结
2014-12-02 20:57 129606作者：zccst reload 方法，该方法强迫浏览器刷新当 ... -
又一次掉进encodeURIComponent的坑里了
2014-11-05 18:21 22491作者：zccst 原坑： get请求 ajax.get ( ... -
DOM元素在浏览器中的位置参数，如offset,ownerDocument
2014-10-08 17:07 4254作者：zccst 2014-10-21 区分clientX ... -
js跨域的多种解决办法
2014-09-20 09:41 944作者：zccst 2015-3-11 JavaScript ... -
[Event]事件（高程版）（二）事件处理程序
2014-06-17 18:00 764作者：zccst <input type=" ... -
target与currentTarget的区别(jqueryui方式获取z-Index)
2014-06-17 12:00 15936作者：zccst 2014-6-25 今天看了jQuery ... -
JSONP原理及实现
2014-06-09 16:47 12362作者：zccst 2015-04-30 更新 跨域实现的 ... -
事件基础（高程版）
2014-06-09 16:37 1025作者：zccst 2014-5-4 一、事件流 标准：DOM ... -
DOM0-节点关系，节点操作API
2014-06-09 15:29 949作者：zccst 2014-09-20 补 ... -
document操作iframe
2013-12-13 16:26 1269作者：zccst //在iframe内获取父页面节点 win ... -
js-location对象
2013-12-11 17:05 1504zccst总结 2015-04-14 获取location的 ... -
document.body.scrollTop和document.documentElement.scrollTop
2013-09-14 14:44 1371作者：zccst 网页可见区域宽： document.bo ...
相关推荐
在IT行业中，事件（Event）是程序设计中的一个重要概念，特别是在事件驱动编程模型中。事件总汇是指收集了各种类型事件及其处理方式的资源集合，这对于开发者来说是极有价值的参考资料。"Event事件总汇资源下载" ...
事件(event)是C#中的一种机制，允许对象在发生某些情况时通知其他对象。事件(event)使用方法详解将从概念、使用方法、事件编程的优点、事件与委托的关系、事件的实现等方面进行讲解。 事件(event)的概念： 事件...
MTK Event事件是MTK（MediaTek）平台上用于处理各种系统事件的一种机制，它涉及到从底层硬件事件到用户界面交互的多种场景。在MTK MMI（Man Machine Interface）层，事件处理是通过注册事件处理函数来实现的，以确保...
Event事件分为两种类型：自动重置事件（AutoResetEvent）和手动重置事件（ManualResetEvent）。自动重置事件在被触发后，只有一个等待的线程会被释放，而手动重置事件则会释放所有等待的线程。在实现线程暂停和继续...
事件的绑定通常通过`addEventListener`方法完成，该方法接受两个参数：一个是事件类型，另一个是事件处理函数。例如，在Flash中，可以这样绑定一个`MOUSE_OVER`事件： ```actionscript stage.addEventListener...
本项目“VB Event 事件演示程序”是专门针对VB中的事件处理机制进行的一个实例展示，旨在帮助开发者理解如何利用事件来简化编程流程。 在VB中，事件是对象对外部动作或状态变化的响应。例如，当用户点击按钮、关闭...
在Windows操作系统中，事件查看器（Event Viewer）是一个强大的工具，用于查看系统、应用程序和安全日志中的事件。开发者可以通过编程方式将应用日志写入事件查看器，以供后期分析和故障排查。C#提供了方便的API来...
1. **事件队列**：事件被放入一个队列中等待处理，`event.c`可能包含了事件的创建、添加到队列以及从队列中取出事件的逻辑。 2. **事件处理器**：每个事件都有一个或多个关联的处理器函数，这些函数负责处理特定...
【数据库】Navicat for MySQL事件(Event)是MySQL数据库中的一种功能，用于实现定期自动执行的任务，类似于操作系统中的计划任务。在上述情境中，Event主要应用于数据的日常管理，包括定时备份、数据清理以及状态更新...
event 事件机制， 游戏或者各种操作行为的事件。
常见的事件类型包括： * 鼠标事件：onclick、ondblclick、onmousedown、onmouseup、onmousemove、onmouseover、onmouseout * 键盘事件：onkeydown、onkeyup * 表单事件：onsubmit、onfocus、onblur、onchange * ...
首先定义一个事件接口，例如`IEvent`，然后为每种特定类型的事件创建一个实现此接口的类。接着，创建一个`EventHandler`委托来处理这些事件。以下是一个简单的示例： ```csharp public interface IEvent {} public...
6.1 event的包裹 浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下， 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹，这个...
在JavaScript中，`Event`对象扮演着极其重要的角色，它不仅代表着一个事件的状态，还提供了处理这些事件的方法与属性，使得开发者能够轻松地实现与用户的交互。通过深入理解`Event`对象，我们可以更好地控制页面的...
在计算机编程领域，事件模型(Event Model)是一种常用的设计模式，它主要用于处理异步事件。尤其在GUI应用程序开发中，事件驱动的架构十分常见。本文将详细介绍如何在C++中实现一个简单的事件机制。 ##### 1. 事件 ...
【事件(event)】在Web开发中，事件是用户与网页交互的关键部分，它允许JavaScript响应用户的操作，如点击按钮...理解并熟练运用Event对象及其属性、事件句柄以及事件处理模型，是成为一名合格的前端开发者必备的技能。
事件处理的核心在于`Event`对象，这个对象包含了与事件相关的信息，如事件类型、触发事件的元素等。下面我们将深入探讨`Event`对象的关键属性和方法，以及它们在JavaScript中的应用。 ### 1. `Event`对象的基础属性...
**一、`keybd_event` 函数** `keybd_event` 是用于模拟键盘输入的API函数。它接受四个参数： 1. **`wVk`**: 这是虚拟键码，表示按下或释放的键。例如，`VK_A` 对应于字母 'A' 键。 2. **`wScan`**: 这是扫描码，...
"事件(event)"是一种在Java和Python等多线程环境中用于线程间通信和同步的机制。事件模型允许一个线程等待特定条件发生，然后才能继续执行，而这个条件可能由另一个线程触发。在给定的“多线程同步：事件(event)”...
QT 中 QEvent 和 QKeyEvent事件的处理,其中QEvent包含QKeyEvent和QMouseEvent事件处理,在event中处理QKeyEvent事件将影响单独的QKeyEvent的事件处理函数