ps：只是前端验证 不具备高安全性； 实现：监听滑块的移动事件，获取它离左侧的距离，赋值给分离出来的验证模块就可以了，至于陷下去的模块，得到图片的大小，根据图片的长宽的一半随机赋值吧（因为这个模块一般都在右侧靠中间的位置） html代码： <div class="box"> <div class=" ...
分类：
其他好文 时间：
2018-05-07 13:39:20
阅读次数：
558
屏幕 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.一直跟着鼠标移动的div：原理是div的left和top值有oEvent.clientX+scrollLeft鼠标指针向对于浏览器页面（或客户区）的水平坐标+元素中滚动条的水平偏移 2.一串跟随鼠标移动的div们：用循环使多个div运动 3.鼠标移入移出实现图片的颜色淡入淡出 ...
分类：
移动开发 时间：
2018-03-02 18:36:59
阅读次数：
231
1. clientWidth：表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。（clientWidth = width + padding） 2. offsetWidth：表示元素的内部宽度，以像素计。该属性包括内边距、垂直滚动条（如果有）、边框，但不包括 ...
分类：
其他好文 时间：
2018-02-10 12:56:03
阅读次数：
326
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>鼠标移入移出方向判断</title> <style> body, html, ul, p, h1, h2, h3, h4, h5, h6 { margin: 0; ...
分类：
其他好文 时间：
2018-02-04 12:43:55
阅读次数：
162
先上个pc端和手机端的图： 说明：上面的属性，都是in这个div的属性值。我是点击的in这个div的左上角，所以pageX、pageY是40。 HTML： css: 备注：out这个div的overflow：hidden属性是必须加上去的，因为如果不加，那么in这个div设置的margin-top效 ...
分类：
其他好文 时间：
2018-01-08 22:31:20
阅读次数：
954
基本概念 1、在移动web端点击事件或者滑动屏幕、捏合等动作都是由touchstar、touchmove、touchend这三个时间组合在一起使用的 2、click事件在移动端会有0.2秒的延迟，下面是测试click在移动web端的延迟，最好在手机浏览器中测试 3、touchstar、touchmo ...
分类：
移动开发 时间：
2018-01-08 13:37:29
阅读次数：
275
