HTML(15-JS常见事件)

事件处理机制

一、JavaScript中的事件

• onclick 鼠标单击事件
• ondblclick 鼠标双击事件
• onchange 表单内元素中的value值发生改变的事件
• onload 页面加载完成后的事件
• onfocus 获取焦点事件
• onblur 丢失焦点事件

二、事件的特点

• 1、事件也是一段js代码，调用者是用户。

• 2、事件所代表的代码执行具有延迟性。

• 3、事件机制以一种松耦合的方式来连接事件调用者和事件创建者。

• 给页面中的某个元素绑定某个事件，当某个事件达成时，就会执行事件上绑定的函数；
  一个事件上可以绑定多个函数,一个html标签可以绑定多个函数

三 事件机制：

• 事件是对象发送的消息，以发信号通知操作的发生。操作可能是由用户交互（例如鼠标单击）引起的，也可能是由某些其他的程序逻辑触发的。
• 为什么要使用JavaScript的事件呢？主要有下面的两个用途：
  1．验证用户输入窗体的数据。
  2．增加页面的动感效果。

#四 JavaScript事件：
在浏览器中，通过事件与用户进行交互。

• 常用的事件：
  点击事件

单击事件

var body = document.querySelector('body');
body.onclick = function(event){
   
console.log(event)
var h1 = document.createElement("h1");
h1.innerHTML = "helloworld";
body.appendChild(h1);
}

双击事件

var h1 = document.querySelector('h1');
h1.ondblclick= function(e