//获取鼠标位置 $(function(){ $('body').mousemove(function(e) { e = e || window.event; __xx = e.pageX || e.clientX + document.body.scroolLeft; __yy = e.pageY ...
分类:
Web程序 时间:
2019-05-16 17:47:23
阅读次数:
237
这段时间遇到项目上的一个错误: 360浏览器,兼容模式下(即IE内核)打开项目。调整浏览器大小的时候,在如下的代码段抛如下异常:出错:无法获取未定义或null引用的属性“clientX”。 但是谷歌、火狐、IE都不会出现该错误。 通过在360浏览器调试查看到报错的代码段为如下。抛错是因为这里的eve ...
分类:
其他好文 时间:
2019-04-28 12:50:50
阅读次数:
116
1,在draggable的drag中直接获取$(this).offset()来给对齐线设置top和left; 2,在draggable的drag中直接获取event的clientX去和event的offsetX去做减,此时的offsetX有可能在拖动过程中发生变化, 造成位置不准确的情况。 需要在s ...
分类:
Web程序 时间:
2019-04-18 15:25:07
阅读次数:
236
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="jquery3.min.js"></script><style>.box{width: 180px;heigh ...
分类:
Web程序 时间:
2019-03-31 23:23:00
阅读次数:
290
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。clientWidth 获取对象的宽度 ...
分类:
其他好文 时间:
2019-03-19 11:59:54
阅读次数:
261
- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的 对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之间的交互行为 我们可以在事件对应的属性中设置一些js代码,当事件被触发时,这些代码会执行 文档的加载 ...
分类:
Web程序 时间:
2019-02-15 01:05:48
阅读次数:
227
JavaScript 中一些概念理解 :clientX、clientY、offsetX、offsetY、screenX、screenY clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客... ...
分类:
编程语言 时间:
2019-01-31 12:55:04
阅读次数:
211
实现原理:使用2个div,里面分别放大图片和小图片,在小图片上应该还有一个遮罩层,通过定位遮罩层的位置来定位大图片的相对位置,而且,遮罩层的移动应该和大图片的移动方向相反 关键: 大图片和小图片大小比例应该和遮罩层的大小和放大显示区域的比例相同; 难点: 计算遮罩层来显示相应大图片的位置 话不多说直 ...
分类:
Web程序 时间:
2019-01-17 21:18:01
阅读次数:
195
(三)功能开发 接上文,我们现在开始编写Javascript代码,前文我们主文件已经引入了js文件,只需在js文件中编写代码。 1.播放音频; 怎样才能让页面播放音频呢?这需要“audio”标签,但是我们不是在页面总插入改标签,而是用JS实现,只需编写如下代码: 这里面要在项目根目录中添加mp3目录 ...
分类:
Web程序 时间:
2019-01-13 13:06:13
阅读次数:
185
事件对象:它是由JavaScript和DOM自动创建产生,它包含着事件的相关数据,如click事件包含了事件触发位置的坐标。如果我们要获取事件数据,比如要输出事件数据。下面的代码中,要想获取事件的坐标,需要先访问到这个自动生成的事件对象,实际上,这个事件对象,不仅是由DOM或JavaScript自动创建,还能自动传递给v-on绑定的每个函数,这些是由Vue帮我们自动完成的。clientX和clie
分类:
其他好文 时间:
2019-01-02 12:38:59
阅读次数:
206