摘要：
用户在使用键盘时会触发键盘事件。“DOM2 级事件”最初规定了键盘事件，结果又删除了相应的内容。最终还是使用最初的键盘事件，不过 IE9 已经率先支持“DOM3”级键盘事件。 一、键码 在发生 keydown 和 keyup 事件时，event 对象的 keyCode 属性中会包含一个代码，与键盘上 阅读全文
摘要：
实现拖拽一个元素 拖拽的流程： 当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown 当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove 当鼠标松开时，被拖拽元素固定在当前位置 onmouseup 阅读全文
摘要：
事件的委派 在很多需求中，通常元素是动态创建添加到一个父元素中的，这时候我们点击新增的元素是没有反应的 点击新建的超链接，不会有任何反应，没有触发到点击事件。这时候我们希望，只绑定一次事件，即可应用到多个的元素上，即使元素是后添加的 可以尝试将其绑定给元素的共同的祖先元素 指将事件统一绑定给元素的共 阅读全文
摘要：
鼠标操作导致的事件对象中的特殊属性和方法 鼠标事件是 Web 上面最常用的一类事件，毕竟鼠标还是最主要的定位设备。那么通过事件对象可以获取到鼠标按钮信息和屏幕坐标获取等 鼠标按钮 只有在主鼠标按钮被单击时(常规一般是鼠标左键)才会触发 click 事件，因此检测按钮的信息并不是必要的 但对于 mou 阅读全文
摘要：
事件处理函数概述 JavaScript 可以处理的事件类型为：鼠标事件、键盘事件、HTML 事件 所有的事件处理函数都会都有两个部分组成，on + 事件名称，例如 click 事件的事件处理函数就是：onclick。 对于每一个事件，它都有自己的触发范围和方式，如果超出了触发范围和方式，事件处理将失 阅读全文
摘要：
事件处理程序 JavaScript 事件对象是由访问 Web 页面的用户引起的一系列操作，例如：用户点击页面上的某个按钮或者鼠标移动到页面的某个图片上而产生一系列的互动的反馈。 我们通过为指定事件绑定回调函数的形式来处理事 件，当指定事件触发以后我们的回调函数就会被调 用，这样我们的页面就可以完成和 阅读全文
摘要：
一、动态加载脚本 当网站需求变大，脚本的需求也逐步变大。我们就不得不引入太多的 JS 脚本而降低了整站的性能，所以就出现了动态脚本的概念，在适时的时候加载相应的脚本。 1、动态加载js文件 比如：我们想在需要检测浏览器的时候，再引入检测文件。 2、动态执行 js IE 6,7,8浏... 阅读全文
摘要：
一、clientLeft 和 clientTop 这组属性可以获取元素设置了左边框和上边框的大小，目前只提供了 Left 和 Top 这组，并没有提供 Right 和 Bottom。 二、offsetLeft 和 offsetTop 1、这组属性可以获取当前元素相对于父元素的位置。 获取元素当前相对 阅读全文
摘要：
clientWidth 和 clientHeight 这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。 返回了元素大小，但没有单位，默认单位是 px，如果你强行设置了单位，比如 100em之类，它还是会返回 px 的大小。(CSS 获取的话，是照着你设置的样式获取)。 对 阅读全文
摘要：
通过 style 内联获取元素的大小 需要注意的是style 获取只能获取到行内 style 属性的 CSS 样式中的宽和高，如果有获取；如果没有则返回空。 通过计算获取元素的大小 通过计算获取元素的大小，无关你是否是行内、内联或者链接，它经过计算后得到的结果返回出来。如果本身设置大小，它会返回元素 阅读全文