-
javascript中的事件绑定和常用事件处理
一.W3C事件绑定处理函数“DOM2级事件”定义了两个方法，用于添加事件和删除事件处理程序的操作：addEventListener()和removeEventListener()。所有DOM节点中都包含这两个方法，并且它们都接受3个参数;事件名、函数、冒泡或捕获的布尔值(true表示捕获，false表示冒泡)。window.addEventListener('load', function () {alert('Lee');}, false); W3C的现代事件绑定比我们自定义的好处就是：1.不需要自定义了;2.可以屏蔽相同的函数;3.可以设置冒泡...
2016-12-16 -
事件对象的键盘事件、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