javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight //返回元素的高度（ ...
分类：
Web程序 时间：
2018-06-22 16:37:10
阅读次数：
218
IE,Safari，Opera和Chrome都提供了screenLeft和screemTop属性，分别用于表示窗口相对于屏幕左边和上边的位置。FireFox则提供了screenX和screenY。使用以下代码可以跨浏览器取得窗口左边和上边位置 var leftPos = (typeof window ...
分类：
Web程序 时间：
2018-05-19 18:31:19
阅读次数：
200
屏幕 screenX和screenY属性表示鼠标在整个显示屏的位置，从屏幕（而不是浏览器）的左上角开始计算的。 页面 pageX和pageY属性表示鼠标指针在这个页面的位置。页面的顶部可能在可见区域之外，所以即使鼠标指针位于同一位置，页面和客户端的坐标也可能不同。 客户端 clientX和clien ...
分类：
其他好文 时间：
2018-04-27 02:11:45
阅读次数：
173
在javascript的事件对象中的关于事件鼠标位置的几个属性（x, pageX, offsetX, scrrenX clientX)及（y, pageY, offsetY, screenY, clientY), 其中offsetX, offsetY是指相对于触发事件元素的左上角的偏移。但在不同的浏 ...
分类：
编程语言 时间：
2018-04-07 01:16:04
阅读次数：
222
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕 先总结下区别： event.clientX、event.clientY 鼠标相对浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2 ...
分类：
编程语言 时间：
2018-03-15 00:34:48
阅读次数：
199
1.窗口和浏览器 window.innerWidth、window.innerHeight 浏览器内部可用宽高 window.outerWidth、window.outerHeight 浏览器整体宽高 window.screenTop(Firefox采用screenX) 浏览器左上角距离屏幕顶端的距 ...
分类：
Web程序 时间：
2018-03-06 12:49:24
阅读次数：
239
1. clientWidth：表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。（clientWidth = width + padding） 2. offsetWidth：表示元素的内部宽度，以像素计。该属性包括内边距、垂直滚动条（如果有）、边框，但不包括 ...
分类：
其他好文 时间：
2018-02-10 12:56:03
阅读次数：
326
前言 由于业务需要做成类似腾讯课堂课程详情滚动的效果，考虑到后面有可能有新的呈现方式，RN提供的组件没有这种滚动控件，不如自己封装，其实去年已经写了一篇但是写的比较乱，周末花了点时间重写梳理下做的东西。 "项目地址" 在这里，如果有好的意见欢迎提 issue或pr。 开始 我们先来看下，腾讯课堂视频 ...
分类：
其他好文 时间：
2018-01-21 21:35:29
阅读次数：
275
在HTML页面中，通过JavaScript代码访问 window 对象，能够获取到很多表征屏幕大小的信息，下面列举并加以区分。 window 对象中的屏幕信息 window.innerheight、 window.innerwidth 只读属性，以像素计 浏览器窗口的文档显示区的高度和宽度 不包括菜 ...
分类：
编程语言 时间：
2017-12-27 21:30:23
阅读次数：
398
