clientX/clientY 与 screenX/screenY 的区别
在JavaScript当中有时候我们需要获取鼠标悬停的位置，以此来做一些特殊处理。这时候就需要用到MouseEvent对象。MouseEvent对象提供了两组属性来定位鼠标的位置：clientX/clientY和screenX/screenY。除了这两组属性我们经常还会用到pageX/pageY和offsetX/off...
分类：
其他好文 时间：
2015-08-28 17:42:31
阅读次数：
115
event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 ...
分类：
编程语言 时间：
2015-08-27 01:58:46
阅读次数：
178
为了显示鼠标的空间位置，我们可以利用click事件，获得关于鼠标单击的事件对象event。这个事件对象里的clientX和clientY包含了鼠标的位置信息，所以我突发奇想，那我可以不可以通过DOM中的createElement创建一个标签元素用于在对应的鼠标位置显示当前的鼠标的空间坐标呢？
这里我先利用Element中的createElement()方法，创建一个div的标签。为了让标签信息能...
分类：
编程语言 时间：
2015-08-18 19:37:44
阅读次数：
164
处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生，可以通过touch event handler的event对象取到,如果基于zepto.js开发，一般是通过event.touches[0]来获取属性。重要属性如 下：clientX,clientY:触摸点相对于浏...
分类：
Web程序 时间：
2015-08-10 00:15:47
阅读次数：
161
事件细节———————————————————————ev直接使用，不需要兼容操作ev.pageX(Y) 鼠标的坐标(相对于文档) : ev.clientX(相对于窗口)ev.which(能监控鼠标键值) : ev.keyCodeev.preventDefault(); //阻止默认事件ev.stopPropagation(); //阻止冒泡事件函数结尾return false;既能阻止冒泡又能阻止...
分类：
Web程序 时间：
2015-08-09 18:55:25
阅读次数：
159
鼠标 X 轴: 鼠标 Y 轴: 一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开...
分类：
Web程序 时间：
2015-08-05 20:13:00
阅读次数：
138
笔记：
===============================================
IE的event的属性
event.button 按下鼠标键，左键为1，右键通常为2
event.clientX 事件发生位置的x坐标（列，像素为单位）
event.clientY 事件发生位...
分类：
编程语言 时间：
2015-08-02 21:48:13
阅读次数：
134
无标题文档
//js事件处理函数
function test1(){
alert("ok");
}
//响应用户事件
function test2(){
x=event.clientX;
y=event.clientY;
alert(x+"---"+y);
}
//判断用户按下什么键
function showkey(event){
if(event.keyCod...
分类：
编程语言 时间：
2015-07-30 15:01:24
阅读次数：
128
1. 客户区坐标位置鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 clientX 和 clientY 属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平 和垂直坐标。这些值中不包括页面滚动的距离，因此这个位置并不表示鼠标在页面上的位置。2....
分类：
其他好文 时间：
2015-07-28 06:36:12
阅读次数：
135
一个滑动小块 offsetwidth是获取对象的宽度clientX 鼠标的X 坐标。offsetParent ：属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行C...
分类：
其他好文 时间：
2015-07-21 16:43:50
阅读次数：
91
