chrome： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff： e.pageX——相对整个页面的 ...
分类：
其他好文 时间：
2017-12-29 15:33:02
阅读次数：
146
原理：将鼠标点击事件获得的clientX,clientY的值赋值给图片的style.left/style.top; ...
分类：
其他好文 时间：
2017-12-29 12:17:24
阅读次数：
159
获取鼠标位置1.PageX/PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化2.clientX/clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化. 可是悲剧的是,Pag ...
分类：
其他好文 时间：
2017-12-27 11:59:57
阅读次数：
161
var carousel=document.getElementsByClassName("carousel")[0]; var aitem=carousel.getElementsByTagName("div"); var prev=document.getElementsByClassName( ...
分类：
移动开发 时间：
2017-11-29 11:34:25
阅读次数：
226
需求：商品展示图片的放大效果， 运用技术：onmousemove,event事件，event.clientX,event.clientY,简单的实现商品放大效果， tips：可以下载源码直接放到编辑器里面看效果，请注意需要往class为img的img标签里添加图片地址，这样就可以实现一个简单的放大镜 ...
分类：
其他好文 时间：
2017-11-24 17:02:41
阅读次数：
153
<body> <div class="main"> <div class="left" v-bind:style="{width:ths[0].width+'px'}"></div> <div class="right" @mousedown="drag"></div> </div> <script ...
分类：
Web程序 时间：
2017-11-21 22:05:18
阅读次数：
339
JS事件基础1.event对象（1）用来获取事件的详细信息：鼠标位置、键盘位置document的本质：document.childNodes[0].tagName例子：获取鼠标位置：clientX横坐标，clientY纵坐标代码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>&..
分类：
Web程序 时间：
2017-11-20 15:09:52
阅读次数：
181
要想搞明白js的事件机制，必须搞清楚几个概念：事件对象，事件源，还有事件流 事件对象： 当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。 怎么 ...
分类：
Web程序 时间：
2017-11-13 21:27:34
阅读次数：
210
稍后完善 http://www.cnblogs.com/trlanfeng/archive/2012/11/04/2753280.html http://www.cnblogs.com/asqq/archive/2012/04/19/2456927.html http://www.open-open ...
分类：
Web程序 时间：
2017-10-25 13:18:38
阅读次数：
201
