1.事件 什么是事件?
事件是用户与计算机交互的过程1.1事件四要素 1.事件源:事件发生的源头,发生事件的那个标签。
2.事件类型:发生的是什么事件。
3.事件处理函数:当事件发生时候,去调用的函数。
4.事件对象:事件发生时的相关信息都保存到事件对象中。1.2鼠标事件 click-点击左键 moueseover-鼠标移入 mouseout-移出 dblclick--双击 2.H5新增的属性---自定义属性 data-'属性名'=“属性值”; //坐标
//在整个页面中的坐标
console.log(event.pageX);
console.log(event.pageY);
//偏移量,在盒子中的坐标
console.log(event.offsetX);
console.log(event.offsetY);
});
表单事件:change、input 键盘事件:keydown keyup
<script>
//load:等页面静态资源,html,css,img,fonts,...
//加载完毕之后,在执行load函数里面的代码
window.onload=function(){
console.log(document.querySelector('#box'));
}
</script>
|