基本概念document.body.clientWidth:指的是BODY对象宽度document.body.clientHeight:指的是BODY对象高度document.documentElement.clientWidth:指的是可见区域宽度document.documentElement.clientHeight:指的是可见区域高度window.innerHeight-浏览器窗口的内部高度window.inn..
分类:
Web程序 时间:
2016-06-16 11:50:40
阅读次数:
501
JavaScript中event的x,clientX,offsetX的区别 请看下面的文字说明,也就是event中x,clientX,offsetX,screenX的区别: x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。www.mlybyby.com clientX:相对于客 ...
分类:
编程语言 时间:
2016-06-11 10:36:11
阅读次数:
198
什么是event对象 ?用来获取事件的详细信息:鼠标位置、键盘按键 –例子:获取鼠标位置:clientX –document的本质:document.childNodes[0].tagName l获取event对象(兼容性写法) ?var oEvent=ev||event; <!DOCTYPE ht ...
分类:
其他好文 时间:
2016-06-04 10:30:52
阅读次数:
171
var mx=0,my=0; function mouseMove(ev){Ev=ev||window.event;var mousePos=mouseCoords(Ev);mx=mousePos.x;my=mousePos.y;} function mouseCoords(ev){ if(ev.p ...
分类:
其他好文 时间:
2016-05-30 10:14:45
阅读次数:
147
一、鼠标事件 1、鼠标位置 可视区位置:clientX、clientY(鼠标的坐标) 这里我们注意,现在我们只知道它是鼠标的坐标,但是我们不知道它是鼠标的什么坐标,现在我们来看一个实例: ——例子1:跟随鼠标的Div (1)onmousemove 事件会在鼠标指针移动时发生。 注释:每当用户把鼠标移 ...
分类:
Web程序 时间:
2016-05-27 16:51:05
阅读次数:
335
知识点总结: Sea.js的使用:define、export、seajs.use、require等方法; 参考:http://seajs.org/docs/ Sea.js与require.js的区别; 鼠标事件及位置的使用:mousedown、mousemove、mouseup、ev.clientX ...
分类:
Web程序 时间:
2016-05-27 14:49:04
阅读次数:
409
一、event事件 1、什么是event事件对象? 用来获取事件的详细信息:鼠标位置、键盘按键 ——例子:获取鼠标位置:clientX ——document的本质:document.childNodes[0].tagName (1)首先对于点击事件,如果我们想要在页面打开后,在页面的任何一个地方点击 ...
分类:
Web程序 时间:
2016-05-27 11:06:54
阅读次数:
213
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离 ...
分类:
Web程序 时间:
2016-05-27 09:26:23
阅读次数:
211
转:http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E% ...
分类:
Web程序 时间:
2016-05-26 18:37:35
阅读次数:
149
function drag(obj) { obj.onmousedown = function(ev) { var ev = ev||event; var disX = ev.clientX - this.offsetLeft; var disY = ev.clientY - this.offset ...
分类:
其他好文 时间:
2016-05-23 15:00:24
阅读次数:
130