JavaScript的第十一天学习

事件

事件讲解

js事件是指我们使用鼠标或者键盘做了某些事件来触发对应的处理函数

模式

内联模式 (不常用)

1. 直接在标签内容以指定属性的方式 (较少)

<标签名 onclick='执行语句'></标签名>

2. 直接在标签内容已制定属性的方式 (常用)

<标签名 onclick = '函数名称()'></标签名>
<script>
	function 函数名称(){
   
		执行语句
	}
</script>

脚本样式 (常用 使用比较多 js和html分离 规范)

1. document.getElementById('id名称').onclick = function(){
        
   	执行语句
   }
   

2. <script>
      document.getElementsById('id名称').onclick = 函数名称//这种不需要加()，加了的话就会自动执行
   	function 函数名称(){
        
   		执行语句
   	}
   </script>
   

组成

三部分组成

1. 触发事件的元素

2. 对应的事件

3. 事件的处理函数

特点

​ 全小写且以on开头 onclick on事件开头 click是事件名 点击

事件分类

事件对象：

​ 当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。

分类

事件分为三类 鼠标事件 键盘事件 html事件

1. 鼠标事件 鼠标的一切操作都是鼠标事件

   点击、双击、移动、滚轮

   1.1 点击

   变量名.onclick = function(){
        
   	执行语句
   }
   

   1.2 双击

   变量名.onblclick = functio