-
事件对象的键盘事件、event对象和事件流
一.键盘事件用户在使用键盘时会触发键盘事件。“DOM2级事件”最初规定了键盘事件，结果又删除了相应的内容。最终还是使用最初的键盘事件，不过IE9已经率先支持“DOM3”级键盘事件。1.键码：在发生keydown和keyup事件时，event对象的keyCode属性中会包含一个代码，与键盘上一个特定的键对应。对数字字母字符集，keyCode属性的值与ASCII码中对应小写字母或数字的编码相同。字母中大小写不影响。document.onkeydown = function (evt) {alert(evt.keyCode);}; //按任意键，得到相应的keyCode 不同的浏览器在keyd...
2016-12-16 -
javascript中事件对象简介和事件对象的鼠标事件
事件对象:事件处理函数的一个标准特性是，以某些方式访问的事件对象包含有关于当前事件的上下文信息。事件处理三部分组成：对象.事件处理函数=函数。例如：单击文档任意处。document.onclick = function () {alert('Lee');};以上程序的名词解释：click表示一个事件类型，单击。onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一个绑定的对象，用于触发某个元素区域。function()匿名函数是被执行的函数，用于触发后执行。除了用匿名函数的方法作为被执行的函数，也可以设置成独立的函数。document.on...
2016-12-16 -
javascript中的事件介绍
JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现，作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而DOM2级规范开始尝试以一种复合逻辑的方式标准化DOM事件。IE9、Firefox、Opera、Safari和Chrome全都已经实现了“DOM2级事件”模块的核心部分。IE8之前浏览器仍然使用其专有事件模型。JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型。一、内联模型：这...
2016-12-16 -
DOM元素尺寸和位置
一、获取元素CSS大小1.通过style内联获取元素的大小var box = document.getElementById(‘box‘); //获取元素box.style.width; //200px、空box.style.height; //200px、空style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取;如果没有则返回空。2.通过计算获取元素的大小var style = window.getComputedStyle ? window.getComputedStyle(box, null) : null || box.currentStyle;style....
2016-12-16 -
DOM进阶:DOM拓展和DOM操作内容
DOM扩展1.呈现模式：从IE6开始开始区分标准模式和混杂模式(怪异模式)，主要是看文档的声明。IE为document对象添加了一个名为compatMode属性，这个属性可以识别IE浏览器的文档处于什么模式如果是标准模式，则返回CSS1Compat，如果是混杂模式则返回BackCompat。PS：后来Firefox、Opera和Chrome都实现了这个属性。从IE8后，又引入documentMode新属性(该属性的值有三个数值)，因为IE8有3种呈现模式分别为标准模式8，仿真模式7，混杂模式5。2.滚动：DOM提供了一些滚动页面的方法，如下：document.getElementById...
2016-12-16