事件对象
2021-09-04 本文已影响0人
js技术
事件对象： 在事件里系统会提供一个和事件操作相关对象
1.type : 事件类型 2.button： 0是鼠标左键 1 滚轮 2 右键
2.事件：event （click事件）
// 事件三部分构成 ： 1.事件源 （谁触发的事件） 2.事件类型（click）3.事件函数
// 一、几个坐标 ：
// 1. 点击位置离浏览器的左边距和上边距 : clientX / clientY;
// 这个x、y是相对于浏览器窗口
// var ele = document.querySelector(".box");
// ele.onclick = function(e){
// var x = e.clientX;
// var y = e.clientY;
// console.log(x,y);
// }
// 2.触发事件的距离页面的左边距和上边距： pageX、 pageY
// 这个是相对于页面的x和y
// 3.相对于自身的左边距 和上边距 ： offsetX 、offsetY；
// 和元素属性有关系 ：宽高 偏移量
offsetLeft offsetTop offsetWidth offsetHeight
clientLeft clientTop clientWidth clientHeight
// x、y 都是和鼠标 事件有关系的
offsetX offsetY
clientX clientY
pageX pageY
