JavaScript高级程序设计44.pdf
unload事件
与load事件对应的是unload事件,这个事件在文档被完全卸载后触发,只要用户从一个页面切换到另一个页面,就会发生unload事件,最多的情况是清除引用,避免内存泄漏
与load事件类似,也有两种指定onunload事件的处理程序方式
EventUtil.addHandler(window,"unload",function(event){
alert("Unloaded");
});
为元素添加特性
<body οnunlοad="alert('Unloaded!')">
根据“DOM2级事件”,应该<body>元素而非window对象上面触发unload事件,不过所有浏览器都在window上实现了unload事件,以确保向后兼容
resize事件
当浏览器窗口被调整宽度或者高度时,就会触发resize事件,同样2种方式
EventUtil.addHandler(window,"resize",function(event){
alert("Resized");
});
IE、Safari、Chrome和Opera会在浏览器变化1像素时就触发resize事件,然后随变化不断触发,Firefox则是在停止变化后触发事件,所以要避免大量的计算
浏览器最大化最小化也会触发resize事件
scroll事件
scroll事件在window对象上发生,实际表示的是页面中相应元素的变化,在混杂模式下可以通过<body>元素的scrollLeft和scrollTop来监控这一变化;而在标准模式下,除Safari之外的所有浏览器都会通过<html>元素反映这一变化
EventUtil.addHandler(window,"scroll",function(event){
if(document.compatMode=="CSS1Compat"){
alert(document.documentElement.scrollTop);
}else{
alert(document.body.scrollTop);
}
});
这个事件同样应避免大量计算
焦点事件
焦点事件会在页面获得或失去焦点时触发,有以下6个焦点事件
blur:在元素失去焦点时触发,这个事件不会冒泡,所有浏览器都支持它
focus:在元素获得焦点时触发,这个事件不会冒泡,所有浏览器都支持它
DOMFocusIn:在元素获得焦点时触发,DOM3级事件已废弃,只有Opera支持这个事件
DOMFocusOut:在元素失去焦点时触发,DOM3级事件已废弃,只有Opera支持这个事件
focusin:在元素获得焦点时触发,这个事件与HTML事件focus等价,但它冒泡,IE5.5+、Safari5.1+、Opera11.5+和Chrome支持
focusout:在元素失去焦点时触发,这个事件与HTML事件blur等价,但它冒泡,IE5.5+、Safari5.1+、Opera11.5+和Chrome支持
blur和focus不冒泡是最大的问题,IE的方式被DOM3级事件采纳为标准方式
当焦点从页面中的一个元素移动到另一个元素,会依次触发下列事件:
focusout→focusin→blur→DOMFocusOut→focus→DOMFocusIn
鼠标与滚轮事件
鼠标事件是Web开发中最常用的一类事件,DOM3级事件中定义了9个鼠标事件
click:鼠标单击左键或键盘回车键
dblclick:鼠标双击左键DOM3级将其纳入了规范,
mousedown:按下任意鼠标按钮时触发,不支持键盘触发
mouseenter:鼠标光标从元素外部首次移动到元素范围内时触发,该事件不冒泡。DOM3级将其纳入了规范,IE、Firefox9+和Opera支持这个事件
mouseleave:鼠标光标从元素上方移动到元素范围外时触发,该事件不冒泡。DOM3级将其纳入了规范,IE、Firefox9+和Opera支持这个事件
mousemove:鼠标指针在元素内部移动时重复地触发,不支持键盘触发
mouseout:鼠标指针位于元素上方,用户将其移入另一个元素时触发,另一个元素可能位于前一个元素的外部也可能是这个元素的子元素,不支持键盘触发
mouseover:鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发,不支持键盘触发
mouseup:释放鼠标按钮时触发,不支持键盘触发
上面的事件除了mouseleave和mouseenter,其余都会冒泡,也可以被取消,取消鼠标事件将会影响浏览器的默认行为
事件与事件之间的联系非常紧密
mousedown→mouseup→click→mousedown→mouseup→click→dblclick
IE8及之前版本有个BUG,IE9修复了该BUG
mousedown→mouseup→click→mouseup→dblclick
检测浏览器是否支持DOM2级事件(除dblclick、mouseenter和mouseleave之外)
var isSupported=document.implementation.hasFeature("MouseEvents","2.0");
检测浏览器是否支持以上所有事件
var isSupported=document.implementation.hasFeature("MouseEvent","3.0");
注意:DOM3级事件的feature名是"MouseEvent",而非"MouseEvents"
鼠标还有一类滚轮事件,mousewheel事件,用于跟踪鼠标滚轮
转载于:https://www.cnblogs.com/sdgjytu/p/3781138.html
JavaScript高级程序设计44.pdf相关推荐
- JavaScript高级程序设计58.pdf
15章 使用Canvas绘图 略 16章 HTML5脚本编程 HTML5规范了新的HTML标记和JavaScript API,以便简化创建动态Web界面的工作 跨文档消息传递 简称XDM,指来自不同域 ...
- JavaScript高级程序设计20.pdf
用户代理检测 为了不在全局作用域中添加多余的变量,我们使用模块增强模式来封装检测脚本 以下是完整的用户代理字符串检测脚本,包括检测呈现引擎.平台.Window操作系统.移动设备和游戏系统 var cl ...
- JavaScript高级程序设计33.pdf
操作样式表 CSSStyleSheet类型表示的是样式表包括通过<link>元素包含的样式表和在<style>元素中定义的样式表,前面提到过这两个元素本身分别是由HTMLLin ...
- 《JavaScript高级程序设计》(第2版)上市
本书是技术畅销书<JavaScript高级程序设计> 的第2版,几乎全部更新.重写 了上一版的内容,融入了作者近几年来奋战在前端开发一线的宝贵经验 , 是学习和提高JavaScript ...
- JavaScript高级程序设计[第3版]
JavaScript高级程序设计[第3版] package xyz.huning.toolkit.pdf;import java.io.FileOutputStream; import java.io ...
- JavaScript高级程序设计第三版.CHM【带实例】
从驱动全球商业.贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过. JavaScript 是一种非常松散的面向对象语言,也是 ...
- 《JavaScript高级程序设计(第3版)》教程大纲
词条 <JavaScript高级程序设计>是2006年人民邮电出版社出版的图书,作者是(美)(Nicholas C.Zakas)扎卡斯.本书适合有一定编程经验的开发人员阅读,也可作为高校相 ...
- 前端红宝书《JavaScript高级程序设计》核心知识总结
此文是对<JavaScript 高级程序设计>一书难点的总结,也是笔者在看了 3 遍之后的一些梳理和感想,希望能借此巩固js的基础和对一些核心概念有更深入的了解. 摘要 JS基本的数据类型 ...
- 攻下《JavaScript高级程序设计》——第二章 在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
最新文章
- 保存GNOME桌面环境中声卡的音量设置
- C++ static与const用法详解
- 关于 Qt 5,你所需要了解的基础知识
- 欢乐纪中A组赛【2019.8.9】
- [渝粤教育] 洛阳理工学院 基础素描 参考 资料
- VBS教程-wscript对象
- Java多线程深度探索
- 5G 时代真的来了,你准备好了吗?
- 0. PSR-0 --- 自动加载
- 滴滴出行A/B测试城市运营分析
- GGT: Graph-Guided Testing for Adversarial Sample Detection of Deep Neural Network 论文笔记
- chrome浏览器无法找到 www.baidu.com 的 DNS 地址
- P1598垂直柱状图
- 三国群雄传ol服务器 修改,三国群雄传四大兵营进阶改造攻略详解
- (USB:VCP+HID复合设备与系统配置)
- 企业上市需要哪些条件
- 亚马逊云科技与格雷西司,助力卡洛哈应对全球运营挑战
- Oracle 触发器详解(trigger)
- Ubuntu16.04强制关机再进入系统出现死机的问题
- YOLOv7半自动标注