1.常用的事件 …… 2.每个元素身上的事件是天生自带的,不需要我们去定义,只需要我们给这个是事件绑定一个方法,当事件触发的时候就会执行这个方法。 3.事件绑定的写法 1.div.onclick=function(){} DOM0级事件绑定 2.div.addEventListener()或div. ...
分类:
Web程序 时间:
2018-12-03 15:25:51
阅读次数:
175
面向对象 (1) 类 Js天生自带的类 Object 基类 Function Array Number Math Boolean Date Regexp String 1.事件 浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发。 通过obj.事件名 ...
分类:
Web程序 时间:
2018-11-30 15:44:55
阅读次数:
187
pc端拖动时候用到的三个事件:mousedown、mousemove、mouseup 在移动端与之相对应的分别是:touchstart、touchmove、touchend事件。 还有一点要注意的是在PC端获取当前鼠标的坐标是:event.clientX和event.clientY, 在移动端获取坐 ...
分类:
移动开发 时间:
2018-11-15 21:15:20
阅读次数:
224
Event事件对象,DOM2级方法 一.event事件对象 每个浏览器中的event 鼠标坐标获取 event.pageX / event.pageY相对于文档顶部,不兼容低版本IE event.clientX / event.clientY相对于可是区域 二.事件监听 attachEvent()I ...
分类:
其他好文 时间:
2018-11-11 15:04:46
阅读次数:
148
步骤 使用 JavaScript 实现拖拽的步骤: 让元素捕获事件(mousedown, mousemove & mouseup) 单击并不释放,触发 mousedown,标记开始拖拽,并获取元素和鼠标的位置 拖动鼠标,触发 mousemove,不断的获取鼠标的位置,并通过计算重新确定元素的位置 释 ...
分类:
Web程序 时间:
2018-11-10 21:12:23
阅读次数:
271
```javascript
componentDidMount() { this.move();
}
skipToDep(e) { let dom = document.getElementById(e); // 获取要跳至的字母节点 if (e === '#') { this.props.scro... ...
分类:
其他好文 时间:
2018-11-08 18:30:20
阅读次数:
448
一、clientX和clientY 事件发生时,鼠标距离浏览器的可视区域的X、Y轴的位置,不包含滚动条的区域的部分。就算是页面进行了滚动,鼠标的坐标值还是参考可视区域的。 二、offsetLeft和offsetTop 事件源元素相对于父节点的偏移的像素值。 三、offsetWidth和offsetH ...
分类:
其他好文 时间:
2018-10-29 15:59:58
阅读次数:
162
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box { width: 300px; height: 300px; background: red; po ...
分类:
其他好文 时间:
2018-10-22 23:20:40
阅读次数:
324
在javascript的事件对象中的关于事件鼠标位置的几个属性(x, pageX, offsetX, scrrenX clientX)及(y, pageY, offsetY, screenY, clientY), 其中offsetX, offsetY是指相对于触发事件元素的左上角的偏移。但在不同的浏 ...
分类:
编程语言 时间:
2018-10-16 15:51:24
阅读次数:
240