码迷,mamicode.com
首页 >  
搜索关键字:pagex    ( 226个结果
mark
ListenerScoller () { var startX, startY; document.addEventListener('touchstart',function (ev) { startX = ev.touches[0].pageX; startY = ev.touches[0].p ...
分类:其他好文   时间:2017-09-15 16:38:20    阅读次数:208
移动端的几个面试小问题
1. 安卓下大面积触摸会导致触发touchmove的问题 判断一下touchstart的上一次位置和当前位置是否一样,一样就使move return掉 <body> <div class="page"> <div id="box"></div> </div> <script type="text/j ...
分类:移动开发   时间:2017-09-06 23:50:12    阅读次数:349
jQuery实现弹出框拖拽
主要应用jQuery的on和off方法实现在 mousedown 的情况下进行mousemove。 其他:$(window).width() 、$(window).height() 获取浏览页面的宽高。 pageX、pagerY(ie8不兼容)或 clientX、clientY 获取鼠标当前位置的横 ...
分类:Web程序   时间:2017-09-05 01:46:24    阅读次数:269
jQuery事件对象
1.event.currentTarget 事件的监听者2.event.target 事件的目标3.event.delegateTarget 绑定了当前正在调用jQuery事件处理器的(当前事件的委托者)4.event.pageX 鼠标相对于文档左边缘的位置5.event.pageY 鼠标相对于文档 ...
分类:Web程序   时间:2017-09-01 00:12:04    阅读次数:186
JS--DOM
# DOM 基础 ## Document Object Model - 文档对象模型 - DOM就是让我们可以通过JS来操作网页 - 文档 - 文档指的是整个网页文档 - 对象 - 将网页中的每一个部分都转换为了一个对象 - 模型 - 通过模型来表示对象之间的关系,方便我们查找对象 ![](http ...
分类:Web程序   时间:2017-08-10 23:42:38    阅读次数:335
JavaScript四大家族之event家族
event是javascript 元素对象的事件处理程序function(event){}所拥有的事件对象其中最主要(用的最多)的属性是 clientX (距离浏览器左侧的距离) clientY (距离浏览器顶部的距离) pageX (距离文档——document左侧的距离) pageY (距离文档 ...
分类:编程语言   时间:2017-08-09 20:05:32    阅读次数:170
event对象的clientX,offsetX,screenX,pageX和offsetTop,offsetHeight等等
先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类:其他好文   时间:2017-08-07 00:14:12    阅读次数:796
一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类:编程语言   时间:2017-07-27 18:31:46    阅读次数:180
判断鼠标移入元素方向
$(this).bind("mouseenter mouseleave",function(e){ var w = $(this).width(); var h = $(this).height(); var x = (e.pageX - $(this).offset().left - (w / 2... ...
分类:其他好文   时间:2017-07-26 00:24:07    阅读次数:241
利用jquer+css简单实现购物网站的图片增大。
在我们浏览淘宝京东等网站的时候,浏览商品的图片时,当我们把鼠标移动到图片上的时候,会让其变大,利于消费者观察,接下来我将用jQuery+css技术对其功能进行一简单实现。 第一步:创建项目,并且在webapp下建立如下文件夹。 第二步:代码编译: HTML+CSS: Jquery代码块: 第三步:运 ...
分类:Web程序   时间:2017-07-12 20:00:54    阅读次数:270
226条   上一页 1 ... 9 10 11 12 13 ... 23 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!