菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 2022-12-7王嘉乐 [打印本页]

作者: yousay！ 时间: 2022-12-8 07:06
标题: 2022-12-7王嘉乐

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>

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)