摘要： 鼠标事件是web开发中最常用的一类事件，毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型 鼠标事件共10类，包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mo 阅读全文

摘要： 本文先详细介绍回到顶部的5种写法，然后对其实现功能增加，最后得到最终实现 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移 阅读全文

摘要： 本文主要介绍元素视图的三个方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint() getBoundingClientRect()-- 判断一个元素的尺寸和位置最简单的方法就是使用getBoundingClientRect() 阅读全文

摘要： 滚动宽高 scrollHeight scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分 scrollWidth scrollWidth表示元素的总宽度，包括由于溢出而无法展示在网页的不可见部分 [注意]IE7-浏览器返回值是不准确的 【1】没有滚动条时，scrollH 阅读全文

摘要： 关于元素尺寸，一般地，有偏移大小offset、客户区大小client和滚动大小scroll。前文已经介绍过偏移属性，后文将介绍scroll滚动大小，本文主要介绍客户区大小client 客户区大小 客户区大小client指的是元素内容及其内边距所占据的空间大小 clientHeight clientH 阅读全文

摘要： 当委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的(如 div, span 等)，此时 click 事件会失效。 demo: 解决办法 解决办法有6种： 将 click 事件直接绑定到目标元素(即 .target ) 上 将目标 阅读全文

摘要： 前面的话 screen对象基本上只用来表明客户端的能力，其中包括浏览器窗口外部的显示器的信息，如像素高度和宽度等。每个浏览器中的screen对象都包含着各不相同的属性。本文将详细介绍screen对象的常用视图属性 width width属性表示屏幕的像素宽度 height height属性表示屏幕的 阅读全文

摘要： 偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容 定位父级 阅读全文