Javascript事件

JavaScript事件简介

事件：当我们点击一个按钮的时候，会弹出一个对话框。在JavaScript中，“点击”这个事情就看作一个事件。“弹出对话框”其实就是我们在点击事件中做的一些事。

事件的组成：

1. 事件源：触发谁的事件

2. 事件类型：点击、移动等

3. 事件处理函数：事件触发之后产生的效果

事件对象event

每触发一个事件都会生成事件对象

获取事件对象：在每一个事件处理函数的行参位置，默认第一个就是事件对象

div.οnclick=function(e){
    console.log(e)
}

IE兼容写法：

div.οnclick=function(e){
    e=e || window.event
    console.log(e.offsetX)
    console.log(e.offsetY)
}

点击事件的光标坐标点获取

1. 相对事件源（你点击的元素）offsetX,offsetY

   <!--是相对于元素自身的边框内侧开始计算-->

2. 相对于浏览器窗口 clientX,clientY

   <!--是相对于浏览器窗口来计算的，不管你页面滚动到什么情况，都是根据窗口来计算坐标-->

3. 相对于页面 pageX,pageY

   <!--是相对于整个页面的坐标点，不管有没有滚动，都是相对于页面拿