简介 关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种: event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左 ...
分类:
Web程序 时间:
2017-03-29 22:39:40
阅读次数:
216
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下: 二、不同浏览器对这些属性的支持: 三、图解 event.offsetX,event.clientX,e ...
分类:
Web程序 时间:
2017-03-21 12:45:02
阅读次数:
242
今天我想写一个放大镜因为毕竟在做网页的时候,特别是一些电商的详情页放大镜是必不可少的.什么都不说了上代码 1,html代码 2,css代码 3,js代码 原理: 只要我们算放大镜的位置,其实放大镜并不难 在这里要特别注意一点,e.clientX/clientY和e.pageX/pageY两者之间的区 ...
分类:
Web程序 时间:
2017-03-20 00:32:45
阅读次数:
249
分析逻辑关于该过程有一下3个动作 1、点击 2、移动 3、释放鼠标 1、点击时获得点击下去的一点的坐标(盒子的top,left),去除默认事件。 2、移动时不断改变盒子的坐标。(移动的dom目标应该为document不然容易被甩出去)。 3、鼠标释放。清除document的时间。还有改变位置。 4、 ...
分类:
其他好文 时间:
2017-03-16 16:18:56
阅读次数:
180
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 ...
分类:
Web程序 时间:
2017-03-12 21:01:37
阅读次数:
193
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 ...
分类:
Web程序 时间:
2017-03-09 11:52:47
阅读次数:
163
js代码 html随便写就可以 记得id要对应 ...
分类:
移动开发 时间:
2017-03-08 13:53:06
阅读次数:
261
1、除mouseenter和mouseleave外的所有鼠标事件都能冒泡。 2、传递给鼠标事件处理程序的事件对象有clientX和clientY属性,它们制订了鼠标指针相对于包含窗口的坐标。 3、一个keypress事件表示输入的单个字符,事件对象以Unicode编码的形式指定字符,所以必须用Str ...
分类:
Web程序 时间:
2017-02-02 11:08:24
阅读次数:
211
JavaScript,封装库--拖拽 封装库新增1个拖拽方法 HTML代码 css代码 前台js代码 ...
分类:
编程语言 时间:
2017-01-16 19:54:59
阅读次数:
277
1 绘制扇形图 2 小光点 3 刮奖功能 刮出一个谢字就可以,何必要把谢谢惠顾四个字都刮出来才肯放手呢 ...
分类:
其他好文 时间:
2017-01-12 20:52:12
阅读次数:
228