<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background:gray; } div{ width:50px; height:50px; position:absolute; ...
分类：
其他好文 时间：
2016-12-12 23:23:55
阅读次数：
179
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括 ...
分类：
Web程序 时间：
2016-12-12 22:23:56
阅读次数：
243
鼠标移入某区域中鼠标右下角显示提示信息：$(document).ready(function(){ // 创建一个div显示提示信息 var dropTitle = document.createElement("div"); dropTitle.id= "backdropTitle"; dropT ...
分类：
其他好文 时间：
2016-12-12 20:16:48
阅读次数：
222
原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y 一、关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种:event.clientX/Yevent.pageX/Yevent.offsetX/Yevent.laye ...
分类：
Web程序 时间：
2016-12-09 16:42:38
阅读次数：
166
模拟拖拽的原理： x1等于div.offsetLeft y1等于div.offsetTop x2等于ev.clientX(ev表示event事件) y2等于ev.clientY 当我们在方块上按下鼠标的时候，x2-x1即可确定。移动鼠标之后，我们用鼠标当前的位置即x4、y4减去x2-x1、y2-y1 ...
分类：
编程语言 时间：
2016-12-08 18:28:12
阅读次数：
207
event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y ...
分类：
Web程序 时间：
2016-12-01 02:12:56
阅读次数：
196
1.理解事件（2点） 事件行为本身：没有给事件绑定方法事件也是一直存在的，当触发行为的时候，也对触发对应的行为，只不过由于没有绑定事件，导致没有任何事件发生； 事件绑定：给元素绑定一个方法；触发行为，执行方法； 1.理解事件（2点） 事件行为本身：没有给事件绑定方法事件也是一直存在的，当触发行为的时 ...
分类：
Web程序 时间：
2016-11-28 15:24:35
阅读次数：
211
