每每看到event.client、event.screen与event.offset这几个,头都大了,今天又碰到了,特来总结下。 1、event.screenX与event.screenY。 首先,event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标。 而event.screenY则是 ...
分类:
其他好文 时间:
2017-09-30 17:47:45
阅读次数:
192
offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距) offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距) clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距) clientHeight //返回 ...
分类:
编程语言 时间:
2017-09-28 13:09:04
阅读次数:
315
先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类:
其他好文 时间:
2017-08-07 00:14:12
阅读次数:
796
clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置; clientY:当鼠标事件发生时,鼠标相对于浏览器(这里说的是浏览器的有效区域)y轴的位置; screenX:当鼠标事件发生时,鼠 ...
分类:
Web程序 时间:
2017-08-01 11:16:45
阅读次数:
190
<html><head> <meta charset="utf-8"/> <title></title> <style type="text/css"> #box{ width: 208px; height: 208px; background: url(girl.gif) no-repeat; p ...
分类:
其他好文 时间:
2017-07-28 23:48:55
阅读次数:
450
先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类:
编程语言 时间:
2017-07-27 18:31:46
阅读次数:
180
前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展。本文将详细介绍jQuery鼠标事件 类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、m ...
分类:
Web程序 时间:
2017-07-06 13:14:26
阅读次数:
210
一、水平滚动条、垂直滚动条 overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 二、offsetX与offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个 ...
分类:
其他好文 时间:
2017-07-03 10:10:35
阅读次数:
91
一、水平滚动条、垂直滚动条 overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 二、offsetX与offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个 ...
分类:
Web程序 时间:
2017-07-03 10:05:31
阅读次数:
150
屏幕分辨率的宽高:window.screen.width / window.screen.height 屏幕可用工作区宽高:window.screen.availWidth / window.screen.availHeight 网页可见区域宽高:document.body.clientWidth ...
分类:
Web程序 时间:
2017-06-27 20:54:45
阅读次数:
190