03 - 内置&&事件对象

---

本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!!

博客地址 点击跳转

---

------------------ 日期对象-------------------

---

创建日期

Date对象的其他方法

Date对象的全部获取方法

getDate()                  获取日 1-31
getDay ()                  获取星期 0-6
getMonth ()                获取月  0-11
getFullYear ()            获取完整年份（浏览器都支持）
getHours ()                获取小时 0-23
getMinutes ()                获取分钟 0-59
getSeconds ()                获取秒  0-59
getMilliseconds ()            获取当前的毫秒
getTime ()         返回累计毫秒数(从1970/1/1午夜)

---

------------------ event事件 -------------------

---

event事件

• 只要触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持的方式不同。比如：IE6-8只能通过window.event获取事件对象，而其他的则可以直接获取。通常，考虑兼容性的写法
  var event = event || window.event.

event常见属性

事件属性

pageX/pageY、screenX/screenY、clientX/clientY的区别

• screenX/screenY 是以屏幕为基准进行测量，即：当前元素距离屏幕的尺寸
• pageX 和 pageY 是以当前文档（绝对定位）为基准，不适用于IE6-8;
• clientX 和 clientY 是以当前可视区域为基准，类似于固定定位。

JS常见事件

• onmousemove 当鼠标在当前元素中移动的时候触发，鼠标只要移动一像素就会执行的事件，频率非常高；

• onmouseover 当鼠标进入当前元素时触发，只会被触发一次

• onmouseup 当鼠标弹起的时候触发

• onmousedown 当鼠标按下的时候触发

防止拖动时选中内容

防止拖拽的时候选中拖拽区域中的内容，代码如下：

window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

示例代码: 附两个小案例帮助更好的理解

放大镜特效案例 点击查看
滚动条特效案例 点击查看

代码的执行-同步和异步

• 同步执行

  • 下一行代码的执行必须等待上一个行代码执行完毕再执行；或者说上一行未执行完毕下一行不能执行。

• 异步执行

  • 代码各自执行各自的，互相独立。

• 初始化执行

  • 网页一发布就执行的代码称之为初始化中执行；初始化也是同步执行的一种。

• 总结

  • 目前我们学习的代码中有哪些是同步的哪些是异步的？主要关注异步就可以，所有被鼠标触发的事件都可以认为是异步，互相独立。还有一个需要注意的就是定时器中的代码都是异步的，也是互相独立。

• 示例代码: 附小demo一个 帮助更好的理解

按钮