码迷,mamicode.com
首页 >  
搜索关键字:clientx    ( 306个结果
原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
简介 关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种: event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左 ...
分类:Web程序   时间:2017-03-29 22:39:40    阅读次数:216
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下: 二、不同浏览器对这些属性的支持: 三、图解 event.offsetX,event.clientX,e ...
分类:Web程序   时间:2017-03-21 12:45:02    阅读次数:242
放大镜js实现效果
今天我想写一个放大镜因为毕竟在做网页的时候,特别是一些电商的详情页放大镜是必不可少的.什么都不说了上代码 1,html代码 2,css代码 3,js代码 原理: 只要我们算放大镜的位置,其实放大镜并不难 在这里要特别注意一点,e.clientX/clientY和e.pageX/pageY两者之间的区 ...
分类:Web程序   时间:2017-03-20 00:32:45    阅读次数:249
div拖拽
分析逻辑关于该过程有一下3个动作 1、点击 2、移动 3、释放鼠标 1、点击时获得点击下去的一点的坐标(盒子的top,left),去除默认事件。 2、移动时不断改变盒子的坐标。(移动的dom目标应该为document不然容易被甩出去)。 3、鼠标释放。清除document的时间。还有改变位置。 4、 ...
分类:其他好文   时间:2017-03-16 16:18:56    阅读次数:180
JS获取宽度高度大集合
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 ...
分类:Web程序   时间:2017-03-12 21:01:37    阅读次数:193
js或取浏览器宽高
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括 ...
分类:Web程序   时间:2017-03-09 11:52:47    阅读次数:163
js判断手机的左右滑动
js代码 html随便写就可以 记得id要对应 ...
分类:移动开发   时间:2017-03-08 13:53:06    阅读次数:261
js-权威指南学习笔记18
1、除mouseenter和mouseleave外的所有鼠标事件都能冒泡。 2、传递给鼠标事件处理程序的事件对象有clientX和clientY属性,它们制订了鼠标指针相对于包含窗口的坐标。 3、一个keypress事件表示输入的单个字符,事件对象以Unicode编码的形式指定字符,所以必须用Str ...
分类:Web程序   时间:2017-02-02 11:08:24    阅读次数:211
第一百三十五节,JavaScript,封装库--拖拽
JavaScript,封装库--拖拽 封装库新增1个拖拽方法 HTML代码 css代码 前台js代码 ...
分类:编程语言   时间:2017-01-16 19:54:59    阅读次数:277
canvas小图123
1 绘制扇形图 2 小光点 3 刮奖功能 刮出一个谢字就可以,何必要把谢谢惠顾四个字都刮出来才肯放手呢 ...
分类:其他好文   时间:2017-01-12 20:52:12    阅读次数:228
306条   上一页 1 ... 15 16 17 18 19 ... 31 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!